本文参考孙卫琴,杜聚宾所创作的 <<精通Vue.js: Web前端开发技术详解>>一书
本文介绍一个比较复杂的自定义指令v-drag,它支持用鼠标来拖曳网页上的特定DOM元素,参见例程1的v-drag.html。
例程1 v-drag.html
Vue 范例
Hello
World
通过浏览器访问v-drag,html,会出现图1所示的网页。
图1 v-drag.html的网页
在v-drag.html页面上有两个不同颜色的方框,分别对应两个
Hello
World
用鼠标选中任意一个方框,在整个网页的区域内移动鼠标,方框就会随之移动,松开鼠标,方框就停止移动。