从未使用过函数的Vue错误编译器

Question

您能帮我解决问题吗，为什么编译器会说函数“show”已定义但从未使用过？

函数show在html中使用：

<b-card>
  <div id="draw-image-test">
    <canvas
      id="canvasId"
      ref="canRef"
      @mousemove="show"
    />
  </div>
</b-card>

在<script>之后

function show(){
  const canvasMouseTrack = document.getElementById('canvasId')
  const rect = canvasMouseTrack.getBoundingClientRect()
  console.log(rect.offsetX)
}

我有错误：

'show' is defined but never used         no-unused-vars

Answer 1

函数show 应该添加到methods 选项中：

<script>
  export default{

   methods:{
    show:function(){
      const canvasMouseTrack = document.getElementById('canvasId')
      const rect = canvasMouseTrack.getBoundingClientRect()
      console.log(rect.offsetX)
    }
    }
}