欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue中4个自定义指令讲解及实例用法

程序员文章站 2022-03-07 14:14:42
四个实用的vue自定义指令1、v-drag需求:鼠标拖动元素思路:元素偏移量 = 鼠标滑动后的坐标 - 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left。将可视区域作为边界,...

四个实用的vue自定义指令

1、v-drag

需求:鼠标拖动元素

思路:

元素偏移量 = 鼠标滑动后的坐标 - 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left。
将可视区域作为边界,限制在可视区域里面拖拽。【

相关标签: vue 自定义指令