解析例如官网的栗子
<el-table-column
prop="tag"
label="标签"
width="100"
:filters="[{ text: '家', value: '家' }, { text: '公司', value: '公司' }]"
:filter-method="filterTag"
filter-placement="bottom-end">
<template slot-scope="scope">
<el-tag
:type="scope.row.tag === '家' ? 'primary' : 'success'"
close-transition>{{scope.row.tag}}</el-tag>
</template>
</el-table-column>
//filters 供筛选的集合
//filter-method 筛选方法
filterTag(value, row) {
return row.tag === value;
},
如果想默认筛选,按照官网的说法加上filtered-value这个参数,但是实际并没有解决这个问题,筛选没起作用。
解决方案:
setTimeout(()=>{
this.$refs.tableData.store.states.columns.forEach(column=>{
if(column.filteredValue && column.filteredValue.length){
this.$refs.tableData.store.commit('filterChange',{
column,
values:column.filteredValue,
silent:true
})
}
})
},1000);
在你的代码加上这个段代码,完美解决。
加入我的技术群,一起学习
707196135