el-table 拖拽行排序

1：方法：使用 sortableJs 插件实现拖拽排序

npm install sortablejs --save

2：在需要使用的页面进行引入

import Sortable from 'sortablejs' //引入插件

3：实现表格的行拖拽排序完整代码

rowDrop() {
      const tbody = document.querySelector('.el-table__body-wrapper tbody')
      Sortable.create(tbody, {
        onEnd: ({ newIndex, oldIndex }) => {
          if (newIndex === oldIndex) {
            return
          }
          this.list.splice(
            newIndex,
            0,
            this.list.splice(oldIndex, 1)[0]
          )
          const newArray = this.list.slice(0)
          this.list = []
          this.$nextTick(() => {
            this.list = newArray
          })
        }
      })
},

1