vue3+ts使用element-plus的tag标签如何实现推拽排序效果？

Question

如何让标签可以拖拽移动改变顺序？

Answer 1

https://www.itxst.com/vue-dra... 这个还挺好用的
https://debug.itxst.com/js/ye...

Answer 2

element-plus 的 tag 组件没直接支持的，你可以自己使用第三方库完成，比如 vuedraggable

// 伪代码
import draggable from 'vuedraggable'

 <draggable
    :list="tags"
    :disabled="!enabled"
    :move="checkMove"
    @start="dragging = true"
    @end="dragging = false"
  >
    <el-tag
      v-for="tag in tags"
      :key="tag.name"
      closable
    >
      {{ tag.name }}
    </el-tag>
</draggable>