vue 原型设计 拖拽_Vuejs实现拖拽效果

var vm1=new Vue({

el:'.main',

data:{

ths:[

{width:'30'},

{width:''}

]

},

methods:{

drag:function(e,index){

var Left=e.target.parentNode.children[0],

leftW=Left.offsetWidth,

startX=e.clientX;

_this=this;

console.log(_this);

document.οnmοusemοve=function(e){

e.preventDefault();

var distX=e.clientX-startX;

Left.style.width=leftW+distX+'px';

if(parseInt(Left.style.width)>=280){

Left.style.width=280+'px';

}

}

document.οnmοuseup=function(){

document.οnmοusemοve=null;

}

}

}

});