elementui的表格排序的组件之问题---条件改变样式消失

原创

已于 2022-08-19 14:29:33 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2021-06-25 18:12:09 首次发布

这两天写了一个需求，就是当我改变时间的时候，排序功能消失，这我就想不是很简单吗，但是是我太单纯了。这个是一个后台，肯定会用到element的组件，然后果不其然用的就是element里面的表格排序组件

elementUI-table

首先熟悉一下里面的参数以及配置

* 在需要排序的列里面加上sortable就会出现上下箭头
 的按钮标志，值是true或者false
* 如果需要后端排序，需将sortable设置为custom，同
  时在Table 上监听sort-change事件，在事件回调中可
  以获取当前排序的字段名和排序顺序，从而向接口请求排
  序后的表格数据。
* default-sort属性设置默认的排序列和排序顺序

这里我们用的是后端返回的接口所以加上了sort-change事件
在这里插入图片描述
然后要做的就是当条件改变，效果消失就ok