基于Vue的拖拽插件的实战应用，但最后我还是选择了手写

因为项目上有一个在规定区域内自由拖拽的小需求，自己纯js写又有点小麻烦，就花了点时间寻找到这个小组件。

介绍

vue-drag-resize是一个用于拖拽，缩放的组件

根据网上搜索到的使用教程，都是照着文档翻译了一遍，根本解决不了我想要的问题

花了几天时间，于是记录下了这个组件的一些使用教程

• 简单使用

• 限制拖拽范围

• 修改组件的默认样式

• 拖拽的层级

• 拖拽的点击事件

安装使用

vue-drag-resize是一个专门用于vue项目的拖拽组件,定义元素可拖拽，或者可缩放，或者二者兼有;可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素;并且支持触摸事件

🤖安装

npm i -s vue-drag-resize

👨‍💻引入

<template>
  <div class="father" >
    <VueDragResize
        :w="1