element-ui的组件有哪些具体应用场景？

本文共计390个文字，预计阅读时间需要2分钟。

目录 + Element UI + 表格 sortable 排序手动 JS 清除 + 解决方案 + Element UI + 重置清除排序规则及样式 + Element UI + 表格 sortable 排序手动 JS 清除 + Element UI 表格组件自带的排序功能，详见 Element 表格排序

目录

• element-ui 表格sortable排序手动js清除
• 解决方法
• element-ui 重置清除排序规则及样式

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();

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。