站长资讯网
最全最丰富的资讯网站

vue中值得了解的4个自定义指令(实用分享)

除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。本篇文章给大家分享四个实用的vue自定义指令,希望对大家有所帮助。

vue中值得了解的4个自定义指令(实用分享)

四个实用的vue自定义指令

1、v-drag

需求:鼠标拖动元素

思路:

  • 元素偏移量 = 鼠标滑动后的坐标 – 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left。
  • 将可视区域作为边界,限制在可视区域里面拖拽。【
赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号