【Iview】Table组件筛选
lin 9/1/2022 vueiview
Table组件做筛选时要做全部数据的筛选,官方的文档只有当前页面做筛选。官网的:通过给 columns 数据的项,设置 filters,可进行筛选,必须指定一个筛选函数 filterMethod 才可以进行筛选,filterMethod 传入两个参数 value 和 row
但是我在项目里把columns封装到js文件,取不到父的数据,filterMethod的方法用不了,官网还提供了on-filter-change的方法,但是回调函数返回的是当前列数据,查了很久发现回调还返回了_filterChecked,这个数组会返回选中的筛选选项,但是选中全部的时候返回空数组,
必须要加个判断才可以
onFilterChange(val) {
this.dataTable.page.mailQueryType = val._filterChecked[0]
if (!val._filterChecked[0]) this.dataTable.page.mailQueryType = 0
this.loadData()
}
1
2
3
4
5
2
3
4
5