当前位置: 首页 > Web前端 > vue.js

vuedraggable的使用

时间:2023-04-01 10:40:19 vue.js

详细官网案例:https://www.npmjs.com/package/vuedraggable简单拖动使用导入后将安装的vuedraggable插件作为组件引入到vue实例中,可以使用标签,可以对标签下的元素进行拖动和排序。@start和@end事件是拖动的开始和结束事件,有4个index参数表示拖动的开始和结束下标。修复一些元素并对其他元素进行排序。如果需要通过拖动对某些元素进行排序,其他元素不能拖动:实现效果:aaa,ccc可以拖动,b可以移动,但拖动b无效。通过dragOptions中的filter进行过滤,添加动画效果。复制拖拽需要实现左边元素可以拖到右边,左边元素依然存在: