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
文件中
SKU进行组合时,多规格的情况下,至少有一个规格的属性值不同,其他规格属性值相同才能进行组合。查询 重置 取 消 提交 提交并继续
参考文章:前端多条件查询数据处理