js 多条件多数据筛选 - 赵辉Coder

相关文章推荐

低调的马克杯 · js 按钮穿透 ...· 1 月前 ·

骑白马的红茶 · iframe上的事件"load“成功触发，但 ...· 1 月前 ·

重感情的蛋挞 · 页面底部的iframe:避免自动滚动页面 - · 1 月前 ·

灰常酷的开心果 · js监听窗口关闭_js监听浏览器窗口关闭· 1 月前 ·

耍酷的人字拖 · js 如何监听浏览器关闭 - · 1 月前 ·

多情的仙人球 · java string转json 转义符 ...· 5 月前 ·

留胡子的热带鱼 · PyQt拖放事件（二)-腾讯云开发者社区-腾讯云· 11 月前 ·

曾经爱过的冰棍 · Mockito 一个优秀的 Mock ...· 1 年前 ·

腼腆的机器猫 · VC菜单操作 - pupil_小龙 - 博客园· 1 年前 ·

气势凌人的打火机 · node如何让一个端口同时支持https与h ...· 1 年前 ·

数据格式：[

color: "",
companyName: "济南宏益环境科技有限公司",
orgid: "370114,3701",
remark: "111",
tag: "人工标记"

},
……

方法定义：

export function multiFilter (array, filters) {

const filterKeys = Object.keys(filters)

return array.filter((item) => {

return filterKeys.every(key => {

if(!filters[key].length) return true

return !!~item[key].indexOf(filters[key])

vue调用:

getList1() {

this.currentPage = 1

this.pageSize = 10

// console.log(this.searchForm)

//重新组装数据

let obj={

companyName:this.searchForm.companyName,

tag:this.searchForm.tag || "",

orgid:this.searchForm.orgid || "",

const arr = multiFilter( this.cloneData , obj) //调用方法 ，别忘了是使用深拷贝的数据，建议接口拿到数据然后深拷贝一下。

this.tableData = arr

推荐文章

低调的马克杯 · js 按钮穿透子布局和父布局点击拦截_子布局拦截点击事件

1 月前

骑白马的红茶 · iframe上的事件"load“成功触发，但iframe无法作为目标 -

1 月前

重感情的蛋挞 · 页面底部的iframe:避免自动滚动页面 -

1 月前

灰常酷的开心果 · js监听窗口关闭_js监听浏览器窗口关闭

1 月前

耍酷的人字拖 · js 如何监听浏览器关闭 -

1 月前

多情的仙人球 · java string转json 转义符 - CSDN文库

5 月前

留胡子的热带鱼 · PyQt拖放事件（二)-腾讯云开发者社区-腾讯云

11 月前

曾经爱过的冰棍 · Mockito 一个优秀的 Mock 测试框架_51CTO博客_mockito mock静态方法

1 年前

腼腆的机器猫 · VC菜单操作 - pupil_小龙 - 博客园

1 年前

气势凌人的打火机 · node如何让一个端口同时支持https与http-阿里云开发者社区

1 年前