大家好,我是前端实验室的大师兄
因为项目上有一个在规定区域内自由拖拽的小需求,自己纯js写又有点小麻烦,就花了点时间寻找到这个小组件。
介绍
vue-drag-resize是一个用于拖拽,缩放的组件
根据网上搜索到的使用教程,都是照着文档翻译了一遍,根本解决不了我想要的问题
花了几天时间,于是记录下了这个组件的一些使用教程
- 简单使用
- 限制拖拽范围
- 修改组件的默认样式
- 拖拽的层级
- 拖拽的点击事件
安装使用
vue-drag-resize是一个专门用于vue项目的拖拽组件,定义元素可拖拽,或者可缩放,或者二者兼有;可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素;并且支持触摸事件