本文介绍了如何使用vue.draggable插件进行拖拽操作，详细讲解了安装、使用的步骤，并强调了vue2与vue3版本的区别。在使用过程中，通过实例展示了如何在vue3中引入和配置组件，包括拖动事件、动画效果和数组更新。同时，文章提醒读者注意template中的结构限制，以及在实际应用中可能遇到的问题和解决方案。
vue.draggable中文文档: https://www.itxst.com/vue-draggable/tutorial.html
文档中有例子，事件和属性等一系列的文档说明，可以自己查阅。
安装
注意vue2和vue3安装的版本是不一样的，安装错误版本拖拽效果不会显示。
vue2安装
yarn add vuedraggable
npm i -S vuedraggable
vue3安装
yarn add vuedraggable@next
npm i -S vuedraggable@next
使用
首先我们需要引入组件，引入之后直接使用就可以了，这里我用vue3做演示使用。
import draggable from 'vuedraggable'
这个时候我们还需要给我们vue页面中添加这个组件
components: {
最低0.47元/天 解锁文章
扫一扫
2427
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
