这两天写了一个需求,就是当我改变时间的时候,排序功能消失,这我就想不是很简单吗,但是是我太单纯了。这个是一个后台,肯定会用到element的组件,然后果不其然用的就是element里面的表格排序组件
elementUI-table
首先熟悉一下里面的参数以及配置
* 在需要排序的列里面加上sortable就会出现上下箭头
的按钮标志,值是true或者false
* 如果需要后端排序,需将sortable设置为custom,同
时在Table 上监听sort-change事件,在事件回调中可
以获取当前排序的字段名和排序顺序,从而向接口请求排
序后的表格数据。
* default-sort属性设置默认的排序列和排序顺序
这里我们用的是后端返回的接口所以加上了sort-change事件
然后要做的就是当条件改变,效果消失就ok
getsortTable() {
his.$refs.sortTable.columns.forEach((item)
=> {
item.order = "";
});
},