在开发过程中,会遇到清除排序的需求,下面分享一下在开发过程中总结的两个方法。
(一)、首先要明确一个问题,就是你使用的el-table组件是否是循坏渲染的,如果不是,直接在需要清除排序的地方调用element-ui中官网的一个方法即可解决,方法如下:
this.$refs.tableList.clearSort() 即可清除排序解决
(二)、当你的table组件是结合tabs组件被循环出来的时候,那么上面的方法使用时就会报错了,
因为ref tableList是一个数组,可以cosole.log打印一下看看即可。如果可以很方便的找到对应的index节点的话,使用
this.$refs.tableList[index].clearSort() 即可清除排序解决
还有一种情况是当不是很容易判断出来是哪个tableList时,就需要换个思路来解决了。结合上一篇文章中的提到的排序,我找到的解决办法是,在data中存一下点击的排序cloumn ,接着在需要清除排序的地方
this.cloumn.cloumn.order = null
直接把他改变成null就相当于是清空了。