使用Sortable拖拽element的表格，在保存之后怎么关闭拖拽的功能呢？

Z时代
2024-02-18
分类：IT

有个排序功能，点击排序，可以实现拖拽的功能，拖拽结束保存后，怎么去掉已经开启的拖拽功能，让表格不再能拖拽呢？？？？
下面是行拖拽的函数，点击排序的时候调用了他

  rowDrop() {
      const tbody = document.querySelector('.el-table tbody')
      const that = this
      var ops = {
        onEnd({ newIndex, oldIndex }) {
          let temp = that.tableData[newIndex]
          that.tableData[newIndex] = that.tableData[oldIndex]
          that.tableData[oldIndex] = temp
          console.log('拖动改变后数据', that.tableData)
        },
      }
      Sortable.create(tbody, ops)    },

回答：

看文档中有个destroy方法

  rowDrop() {
      const tbody = document.querySelector('.el-table tbody')
      const that = this
      var ops = {
        onEnd({ newIndex, oldIndex }) {
          let temp = that.tableData[newIndex]
          that.tableData[newIndex] = that.tableData[oldIndex]
          that.tableData[oldIndex] = temp
          console.log('拖动改变后数据', that.tableData)
        },
      }
      this.sort_table = Sortable.create(tbody, ops)
    },
    stopStop(){
      this.sort_table.destroy()    }