使用vue与js实现鼠标的拖拽功能

• 为想要拖拽的元素设置三个属性，分别是以下这几个：

<div class="loginTop" @mousedown="logindown" @mousemove="loginmove" @mouseup="loginup" >

• 在data中定义一个变量负责开关拖动效果（默认是关）

data() {
    return {
      loginswitch: false
    }
  },

• 鼠标按下和鼠标松开控制开关，按下的时候执行拖动，松开的时候解除拖动

logindown: function () {
      this.loginswitch = true
},
loginup: function () {
      this.loginswitch = false
},

• 拖动代码，当开关为true时执行

loginmove: function (e) {
      if (this.loginswitch) {
        e.target.parentElement.parentElement.style.top = e.clientY - 20 + 'px'
        e.target.parentElement.parentElement.style.left = e.clientX - 265 + 'px'
      }
    }