element-ui table排序sortable三种状态,怎么去掉默认状态

妖精的绣舞 提交于 2019-11-30 17:38:47

在调用table 排序时,出现排序有三种状态:

在  element-ui 中,也定义了 sort-orders 有三种状态: ascending、descending、null,这三种状态形成一个循环切换。

案例如下:

<el-table
    ref="multipleTable"
    :data="tableData3"
    tooltip-effect="dark"
    style="width: 100%;cursor: pointer;"
    :default-sort = "{prop: 'name', order: 'ascending'}"
    @sort-change="handleSortChange"> 
    <el-table-column
      label="上次更新"
      prop="last_modification_times"
      sortable
      width="100">
    </el-table-column> 
</el-table>

@sort-change 事件:表格的排序条件发生变化的时触发,参数 { column, prop, order }, 分别代表的意义是:

column:当前列

prop:当前列需要排序的数据

order:排序的规则(升序、降序和默认[默认就是没排序])

handleSortChange(val) {
  if(val.column){
    this.sortOrder = val.order == 'ascending'? 2 : 1
    this.sortField = val.prop == 'name'? 2 : 1
    //调用排序接口
  }
  // this.$refs.multipleTable.clearSort()
},

default-sort属性: 

关于怎么去除默认状态目前还没有想法,感兴趣的朋友可以参考链接,也欢迎各位表达你的想法.

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!