一下方法也是我百度的 但是筛选了好几个 发现这个最简单
只要两步:
1.在单文件组件中将这个自定义指令复制进去
2.在需要的div 写上这个指令即可

// 自定义指令 实现可拖动
  directives: {
    drag(el, bindings) {
      el.onmousedown = function(e) {
        var disx = e.pageX - el.offsetLeft
        var disy = e.pageY - el.offsetTop
        document.onmousemove = function (e) {
          el.style.left = e.pageX - disx + 'px'
          el.style.top = e.pageY - disy + 'px'
        }
        document.onmouseup = function() {
          document.onmousemove = document.onmouseup = null
        }
      }
    }
  }

在这里插入图片描述

一步到位!点个赞再走呗

Logo

前往低代码交流专区

更多推荐