Element ui table通过sortable实现本地排序后，动态添加表格会出现数据错误现象

问题

**table **通过 sortable 实现本地排序后，动态添加表格会出现数据的排列以及删除错位现象

问题原因

该问题出现的原因是因为，table 再通过 sortable 排序后，该列表新增或者删除的数据将自动排序

解决方法

1.在table排序时，将排序后的数据赋值给table数据 3.给table添加sort-change事件 2.在table数据进行变更时，清除table排序

相关代码

清除table排序

this.$refs['tableData'].clearSort()

table

<el-table ref="tableData" @sort-change="tableSortableChange" :data="InspectionSaveData.detailsList" border @row-dblclick="tableRowDblclick">
    <el-table-column prop="target" sortable  label="检验分类" >
	</el-table-column>
</el-table>

js

  //   table排序变化方法
    tableSortableChange(column, prop, order ){
      console.log(column, prop, order)
      this.InspectionSaveData.detailsList = this.$refs['tableData'].tableData
    }