vue+element 使用sortable实现表格拖拽

在vue项目中使用sortable.js实现拖拽功能。官网地址：http://www.sortablejs.com/index.html

1.下载sortable.js：
npm install sortablejs --save

2.在当前页引入：
import Sortable from ‘sortablejs’

3.使用方法：

 mounted() {
    //使每次都可以拖拽
    this.$nextTick(()=>{
      setTimeout(()=>{
        this.rowDrop();
      },100)
    })
  },
 methods: {
    clickitem (index) {
      index=== this.labelIsexecuteTime ? this.labelIsexecuteTime = '' : this.labelIsexecuteTime = index
    },
    //行拖拽
    rowDrop() {
      const tbody = document.querySelector('.el-table__body-wrapper tbody')
      Sortable.create(tbody, {
        onEnd:({ newIndex, oldIndex })=> {
          const currRow = this.tableData.splice(oldIndex, 1)[0];
          this.tableData.splice(newIndex, 0, currRow);
        }
      })
    },
}

4.进行表格拖拽，图片展示