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