drag(el, bindings) {
el.onmousedown = function(e) {
var x = e.pageX - el.offsetLeft
var y = e.pageY - el.offsetTop
if(e.stopPropagation) e.stopPropagation();
if(e.preventDefault) e.preventDefault();
e.cancelBubble=true;
e.returnValue=false;
document.onmousemove = function (e) {
el.style.left = e.pageX - x + 'px'
el.style.top = e.pageY - y + 'px'
}
document.onmouseup = function() {
document.onmousemove = document.onmouseup = null
}
}
}
使用方法:
<div v-drag> </div>