数据在Vue的变化值的自定义指令

拖动指令通过本地自定义指令实现。

Html：





脚本:




方法：{
设置（x，y）{
这个数据；
这个数据；
}
}，
指令：{
拖动/自定义指令
拖动（EL，绑定）{
作为拖动元素
无功odiv = EL；
odiv.onmousedown =功能（e）{
E.preventDefault（）；
e.stoppropagation（）；
VaR disx = e.offsetx；
VaR Disy = e.offsety；
document.onmousemove =功能（e）{
E.preventDefault（）；
e.stoppropagation（）；
var x = e.pagex-disx；
var y = e.pagey-disy
ODiv。风格。左= x
ODiv。风格上= Y。
通过传递参数表单，方法中的函数将出现，以便更改数据的值。
Binding.value.set（x，y）
}；
document.onmouseup =函数（）{
移动鼠标=空文件；
文件。onmouseup = null；
}；
}；
}
}，


以上是自定义指令，Vue介绍你在数据变化的价值。希望能对你有所帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。