vue+element table实现表格行 列拖拽效果(以及控制关闭拖拽)

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 1.安装 npm install sortablejs --save-dev 2.使用 ` `

注意事项： dropCol和col是两个不同的数组，不可以统一为一个数组，一个用于标题排序，一个用于列数据排序。 ** 打开关闭拖拽**： 当用户点击开启调整才能让他去调整顺序，关闭则不可以，在网上看了很多资料后，如下操作可解决问题，

        onEnd: ({ newIndex, oldIndex }) => {
          const currRow = this.tableData.splice(oldIndex, 1)[0]
          this.tableData.splice(newIndex, 0, currRow)
        }
      })

先将可拖拽放入一个对象中（我这里命名为tableObject），当用户点击关闭调整后，使用 this.tableObject.destroy() 来销毁这个对象即可！