vue 图片随意移动

<img src="图片地址" height="400px"   @mousedown="move($event)"   id="imgDiv" style="position: relative;">

方法里面写

move() {

      const el = e.target

      e.preventDefault();

      const sX = e.clientX - el.offsetLeft

      const sY = e.clientY - el.offsetTop

      document.onmousemove = e => { // 拼图随鼠标移动

        const eX = e.clientX - sX

        const eY = e.clientY - sY

        el.style.left = eX + 'px'

        el.style.top = eY + 'px'

      }

      document.onmouseup = (e) => { // 移动结束时的操作

        document.onmousemove = null;

        document.onmouseup = null;

      }
}