除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。本篇文章给大家分享四个实用的vue自定义指令,希望对大家有所帮助。
四个实用的vue自定义指令
1、v-drag
需求:鼠标拖动元素
思路:
- 元素偏移量 = 鼠标滑动后的坐标 – 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left。
- 将可视区域作为边界,限制在可视区域里面拖拽。【
除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。本篇文章给大家分享四个实用的vue自定义指令,希望对大家有所帮助。
1、v-drag
需求:鼠标拖动元素
思路: