vuedraggable事件
时间: 2023-10-09 15:16:55 浏览: 77
Vue.Draggable实现拖拽效果
vuedraggable是Vue.js的一个插件,用于实现可拖拽的列表。它提供了一些事件以便在拖拽过程中执行一些自定义操作。
以下是一些常用的事件:
1. start:拖拽开始时触发,传递参数为被拖拽元素的索引。
2. add:元素从一个列表中拖拽到另一个列表时触发,传递参数为被拖拽元素的数据和目标列表的索引。
3. remove:元素从列表中移除时触发,传递参数为被移除元素的数据和原始列表的索引。
4. update:元素在列表中位置发生变化时触发,传递参数为被拖拽元素的数据和新位置的索引。
5. end:拖拽结束时触发,传递参数为被拖拽元素的数据、原始列表的索引和目标列表的索引(如果有)。
通过监听这些事件,可以实现一些自定义的操作,例如更新数据、保存拖拽后的状态等。
阅读全文