element-ui中table清除排序的方法总结

在开发过程中,会遇到清除排序的需求,下面分享一下在开发过程中总结的两个方法。

(一)、首先要明确一个问题,就是你使用的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就相当于是清空了。

猜你喜欢

转载自blog.csdn.net/weixin_43703816/article/details/127885852
今日推荐