el-table的筛选过滤事件@filter-change构建GET请求params的通用方法

示例

html

<el-table
	...
	@filter-change="tableFilterChange($event, res => {
		filterParams = {...filterParams, ...res}
		dataApi.getData()   // 自定义刷新数据类，目的是带过滤条件获取最新数据就行
	})"
	...
>
	<el-table-column
		label="xxx"
		prop="progress"
		:filters="[
			{text: '名称', value: '1'},
			{text: '名称2', value: '2'},
		]"
		column-key="progress"
	></el-table-column>
</el-table>

js

data(){
	return {
		...
		filterParams: {},
		...
	}
}

tableFilterChange(filters, cb) {  // 可以写到全局函数
	let filterParams = {}
	for (let [k, v] of Objects.entries(filters)){
		this.filterParams[k] = v.join(',')
	}
	cb && cb(filterParams)
}