// filterHandler方法 filterHandler(value, row, column) { // 该方法会对每个row执行 let property = column['property']; // console.log(property) return row // 返回所有数据 注销前端筛选 }, tableFilterChange(filters){ // 表格筛选条件更改 this.$refs.purchasePackage.bodyWrapper.scrollTop = 0; const keys=Object.keys(filters) const values=Object.values(filters) const key=keys[0] const value=values[0] this.chooseSelect[key]=value // chooseSelect 存储所有勾选的数据,后端筛选接口时会用到 this.getFilter_tableData() // 传筛选的参数 调用后端接口返回数据 },
时间: 2024-02-07 17:02:05 浏览: 178
element ui table 增加筛选的方法示例
5星 · 资源好评率100%
这段代码是关于前端表格筛选的实现,其中包含了两个方法。`filterHandler`方法是用来处理每一行数据的,对于每一行数据,它会返回原来的数据,从而实现了注销前端筛选的功能。`tableFilterChange`方法则是用来处理表格筛选条件更改的事件,它会将选择的筛选条件存储到`chooseSelect`中,并调用`getFilter_tableData`方法传递筛选的参数,从而调用后端接口返回数据。
阅读全文