【Iview】Table组件筛选

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
Last Updated: 2/28/2023, 7:43:44 AM