el-table筛选
三种筛选情况,全局筛选,多字段筛选,但字段筛选
全局筛选
return this.tableData.filter(row => {
return Object.values(row).some(value =>
String(value).toLowerCase().includes(this.input.toLowerCase())
// );
});
字段说明:this.tableData :表格数据源,input:搜索框输入文本;
多字段搜索
return this.tableData.filter(row => {
//2:指定项目模糊搜索 指定对数组内两个项目等key的列进行搜索
let name= ["zl_no", "date"]//可以指定这一列
return name.some(key=>{
return String(data[key]).toLowerCase().indexOf(search) > -1
// })
// );
});
字段说明:name:指定字段名称;可以根据name数组中指导的条件搜索
单字段搜索
return this.tableData.filter(row => {
return String(row["name"]).toLowerCase().indexOf(this.input) > -1
});
字段说明:name:指定搜索字段名称;可以根据name列表字段条件搜索
总结
单字段不需要使用some方法,多字段需要使用some方法