拖动指令通过
本地自定义指令实现。
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
介绍你在数据变化的价值。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您
支持网站。