vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element-ui sortable排序手动js清除

element-ui 表格sortable排序手动js清除方式

作者:前端卡卡西呀

这篇文章主要介绍了element-ui 表格sortable排序手动js清除方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

element-ui 表格sortable排序手动js清除

element-ui表格组件自带的排序功能如下,详见 Element表格排序

现在有个需求,是在列表之上增加搜索功能,而搜索之后,数据恢复默认不排序,

即:当前数据按照某个字段排序了,此时去搜索数据搜索出来的结果无需排序,就要讲排序状态清除,

查阅文档,发现element提供了 clearSort 方法

解决方法

html: 

<el-table ref="sortTable" :data="tableData">

js: 

this.$refs.sortTable.clearSort();

element-ui 重置清除排序规则及样式

     this.$nextTick(() =>{
       this.$refs.tableData.clearSort();
      })

如果使用tab组件,则会生成列表数组,需进行对应索引的列表清除排序

可打印this.refs.tableData,看返回的是书否是一个数组,如果是数组,就用this.refs.tableData0[0].clearSort();

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

您可能感兴趣的文章:
阅读全文