element-ui 表格sortable排序手動js清除方式
更新時間：2022年07月29日 15:12:47 作者：前端卡卡西呀
這篇文章主要介紹了element-ui 表格sortable排序手動js清除方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
element-ui 表格sortable排序手動js清除
element-ui表格組件自帶的排序功能如下，詳見 Element表格排序
現(xiàn)在有個需求，是在列表之上增加搜索功能，而搜索之后，數(shù)據(jù)恢復(fù)默認(rèn)不排序，
即：當(dāng)前數(shù)據(jù)按照某個字段排序了，此時去搜索數(shù)據(jù)搜索出來的結(jié)果無需排序，就要講排序狀態(tài)清除，
查閱文檔，發(fā)現(xiàn)element提供了 clearSort 方法
解決方法
html:
<el-table ref="sortTable" :data="tableData">
js:
this.$refs.sortTable.clearSort();
element-ui 重置清除排序規(guī)則及樣式
? ? this.$nextTick(() =>{
? ? ? ?this.$refs.tableData.clearSort();
? ? ? })如果使用tab組件，則會生成列表數(shù)組，需進(jìn)行對應(yīng)索引的列表清除排序
可打印this.refs.tableData，看返回的是書否是一個數(shù)組，如果是數(shù)組，就用this.refs.tableData0[0].clearSort();
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用canvas實(shí)現(xiàn)移動端手寫簽名
這篇文章主要為大家詳細(xì)介紹了基于vue使用canvas實(shí)現(xiàn)移動端手寫簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
Object.assign觸發(fā)watch原理示例解析
這篇文章主要為大家介紹了Object.assign觸發(fā)watch原理示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
Vue監(jiān)聽使用方法和過濾器實(shí)現(xiàn)
這篇文章主要介紹了Vue監(jiān)聽使用方法和過濾器實(shí)現(xiàn)，過濾器為頁面中數(shù)據(jù)進(jìn)行強(qiáng)化，具有局部過濾器和全局過濾器2022-06-06
這篇文章主要介紹了webpack搭建vue環(huán)境時報錯異常解決,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
vue中靜態(tài)文件引用的注意事項(xiàng)及說明
這篇文章主要介紹了vue中靜態(tài)文件引用的注意事項(xiàng)及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要介紹了vue中的row布局靠右對齊,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue實(shí)現(xiàn)靜態(tài)頁面點(diǎn)贊和取消點(diǎn)贊功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)靜態(tài)頁面點(diǎn)贊和取消點(diǎn)贊的功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了Vue3中如何使用rem來控制字體大小問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了Vue安裝Element?Plus全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
淺談Vuex@2.3.0 中的 state 支持函數(shù)申明
這篇文章主要介紹了淺談Vuex@2.3.0 中的 state 支持函數(shù)申明，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11