ElementUI的标签页组件支持动态添加删除，如下图：但是这个组件不支持标签之间的拖动排序。那么我们自己怎样实现这个功能呢？有一个叫vuedraggable的组件（https://github.com/SortableJS/Vue.Draggable），专门给vue使用的。但是这个组件要求必须把要排序的内容放到< draggable>标签的根下面，而el-tabs生成的子...
ElementUI的标签页组件支持动态添加删除，如下图：
但是这个组件不支持标签之间的拖动排序。那么我们自己怎样实现这个功能呢？
有一个叫vuedraggable的组件（https://github.com/SortableJS/Vue.Draggable），专门给vue使用的。但是这个组件要求必须把要排序的内容放到< draggable>标签的根下面，而el-tabs生成的子节点有很多级，就不能用这个组件了。
另外找了一个叫Sortable的组件可以完美实现拖动排序，https://github.com/RubaXa/Sortable，代码如下：
最后的实现效果：
转载于:https://www.cnblogs.com/lixiuke/p/9871441.html
前往低代码交流专区
更多推荐
0
0
已为社区贡献2条内容
所有评论(0)