問題描述:
1.默認排序是按照名稱升序排列(圖一)
2.在選擇了篩選項以及其他排序方式之后,箭頭高亮是這樣的(圖二)
3.當我點擊清空按鈕后,類型清空了,并且傳給后端的排序方式是名稱/升序,可是箭頭高亮仍舊保持了之前點擊共享方式的樣子(圖三)
我的目的是讓他恢復初始的名稱升序高亮的樣式(圖一)
解決過程
1.使用this.$refs.sortTable.clearSort();
先給el-table添加ref="sortTable"this.$refs.sortTable.clearSort();
結果是去除了所有的高亮,不是我想要的結果
2.制定默認排序樣式this.$refs.tables.sort(sortName, sortType)
this.$refs.sortTable.sort('name', 'ascending');
好的,點擊清除之后恢復了我想要的高亮樣式