纯前端实现列表查询
迪丽瓦拉
2024-04-22 17:00:51
0

需求:根据列表数据生成查询条件,并实现查询功能

libs/util.js 文件中

/**** @param {Object} condition* @description 查询条件,是一个对象** @param {Array} data* @description 需要筛选的数据源*/
// 纯前端实现列表查询
export function filterData(condition, data) {let filter = (condition, data) => {return data.filter(item => {return Object.keys(condition).every(key => {if (condition[key] == '') {return true} // 精准查询else {return item[key] === condition[key]}// 模糊查询// 这里是为了进行某个(或多个)条件的模糊查询做出的业务判断,key是对应的值。// let diff =//     key == 'gdsNm1' || 'gdsNm2'//         ? String(item[key]).toLowerCase().indexOf(String(condition[key]).trim().toLowerCase()) !== -1//         : String(item[key]).toLowerCase() == String(condition[key]).trim().toLowerCase()// return diff})})}return filter(condition, data)
}

.vue 文件中


参考文章:前端多条件查询数据处理

相关内容