ElementUI的标签页组件支持动态添加删除，如下图：

但是这个组件不支持标签之间的拖动排序。那么我们自己怎样实现这个功能呢？

有一个叫vuedraggable的组件（https://github.com/SortableJS/Vue.Draggable），专门给vue使用的。但是这个组件要求必须把要排序的内容放到< draggable>标签的根下面，而el-tabs生成的子节点有很多级，就不能用这个组件了。

另外找了一个叫Sortable的组件可以完美实现拖动排序，，代码如下：

最后的实现效果：