为大家发发福利,推荐一款非常好用的vue的插件包,用于div的拖动和伸缩相关设置
不过大家千万注意别忘记把vue-draggable-resizable.css引入进去,直接在node_module中搜就能找到
https://npm.taobao.org/package/vue-draggable-resizable
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2. 对上面每个属性,事件的具体的实操try 一 try ,让你更快速理解如何使用vue-draggable-resizable插件,来对你的div进行拖拽以及伸缩变换
https://mauricius.github.io/vue-draggable-resizable/?selectedKind=Basic&selectedStory=Basic component with onResizeStart callback&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fnotes%2Fpanel
在这里插入图片描述
原创

GitHub 加速计划 / vu / Vue.Draggable
5
1
下载
SortableJS/Vue.Draggable: Vue.Draggable 是 Sortable.js 的 Vue.js 封装组件,提供了拖放排序功能,可以在 Vue 应用中轻松实现列表元素的可拖拽重排。
最近提交(Master分支:1 个月前 )
431db153 - 3 年前
017ab498 - 4 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐