雨，落在校园里！我撑着伞，慢慢地在雨中漫步。那嫣红的风凰叶，在雨中，轻轻地飘落下来，似乎有一段离别哀愁的情感啊！
通过局部自定义指令实现了一个拖动的指令
html:
<div style="position:absolute;width:100px;height:100px;border:1px solid red" v-drag="{set:set}"></div>
script:
methods:{
set(x,y){
this.data.x=x;
this.data.y=y;
}
},
directives:{
// 拖动的自定义指令
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中的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
本文vue 中自定义指令改变data中的值到此结束。爱不能强求，但爱的关系需要努力维护。很多人都尝过爱情的滋味，它能让我们今天心花怒放，明天却垂头丧气;它能叫我们满怀希望，也能使我们信心尽失。爱掺杂着各种感觉，但这些感觉是变幻无常的，它们不是爱的本身，而是爱的温度，但只要你愿意，就能决定以什么样的态度对待对方。小编再次感谢大家对我们的支持！
