除了默認(rèn)設(shè)置的核心指令( v-model 和 v-show ),Vue 也允許注冊自定義指令。本篇文章給大家分享四個實用的vue自定義指令,希望對大家有所幫助。
四個實用的vue自定義指令
1、v-drag
需求:鼠標(biāo)拖動元素
思路:
- 元素偏移量 = 鼠標(biāo)滑動后的坐標(biāo) – 鼠標(biāo)初始點擊元素時的坐標(biāo) + 初始點擊時元素距離可視區(qū)域的top、left。
- 將可視區(qū)域作為邊界,限制在可視區(qū)域里面拖拽?!?br />