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

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

  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)
    },
阅读 4.7k
1 个回答

看文档中有个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()
    }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏