vue 中自定义指令改变data中的值

前端之家收集整理的这篇文章主要介绍了vue 中自定义指令改变data中的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

通过局部自定义指令实现了一个拖动的指令

html:

script:

自定义指令 drag(el,binding){ //el为拖动的元素 var oDiv =el; oDiv.onmousedown = function(e){ e.preventDefault(); e.stopPropagation(); var disX = e.offsetX; var disY = e.offsetY; document.onmousemove = function(e){ e.preventDefault(); e.stopPropagation(); var x=e.pageX-disX; var y=e.pageY-disY oDiv.style.left=x oDiv.style.top=y // 通过传参的形式,将methods中的函数传进来,以此来改变data中的值 binding.value.set(x,y) }; document.onmouseup = function(){ document.onmousemove=null; document.onmouseup=null; }; }; } },

以上所述是小编给大家介绍的vue 中自定义指令改变data中的值。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章