本文实例为大家分享了Vue实现拖拽功能的具体代码,供大家参考,具体内容如下
效果图:
HTML代码:
<div id=box>
位置
<br>x:{{val.x}} <br>y:{{val.y}}
<div v-drag=greet id=drag xss=removed>
//注意这里要通过指令绑定函数将当前元素的位置数据传出来
</div>
</div>
JS代码:
Vue.directive('drag',//自定义指令
{bind:function (el, binding) {
let oDiv = el; //当前元
- 1
- 2
前往页