element-ui的表格排序如何清除

Question

element-ui表格中点击了排序后如何通过点击一个外部按钮清除他的排序状态呢

Answer 1

<el-table-column
  sortable
  ref="sort">
</el-table-column>

methods: {
    test() {
        this.$refs.sort.columnConfig.order = ''
    }

在外部通过ref获取组件实例，然后更改组件实例里的排序状态

Answer 2

html: <el-table ref="multipleSelection" :data="tableData">
</el-table>

js: this.$refs.multipleSelection.clearSort();

Answer 3

之前的原始数据先备份一份，然后点击外部按钮 加载原始备份数据就好了

Answer 4

ref不是单个绑定的吗？你这样子只能拿到最后一个单元格是清除不掉排序的

Answer 5

1.4.13版本没有 clear 方法；要用如下方式清除筛选条件：
this.$refs.sortTable.columns.forEach(item => {
item.order = ''
})
以此来清除所有列上的 order 值。