目录element-ui 表格sortable排序手动js清除解决方法element-ui 重置清除排序规则及样式element-ui 表格sortable排序手动js清除 elem
element-ui表格组件自带的排序功能如下,详见 Element表格排序
现在有个需求,是在列表之上增加搜索功能,而搜索之后,数据恢复默认不排序,
即:当前数据按照某个字段排序了,此时去搜索数据搜索出来的结果无需排序,就要讲排序状态清除,
查阅文档,发现element提供了 clearSort 方法
html:
<el-table ref="sortTable" :data="tableData">
js:
this.$refs.sortTable.clearSort();
this.$nextTick(() =>{
this.$refs.tableData.clearSort();
})
如果使用tab组件,则会生成列表数组,需进行对应索引的列表清除排序
可打印this.refs.tableData,看返回的是书否是一个数组,如果是数组,就用this.refs.tableData0[0].clearSort();
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
--结束END--
本文标题: element-ui表格sortable排序手动js清除方式
本文链接: https://www.lsjlt.com/news/165618.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0