代码之家 › 专栏 › 技术社区 › wbdlc

VueJS-从复选框选择中筛选项目

vuejs2 vue.js checkbox arrays

wbdlc · 技术社区 · 7 年前

cat\U阵列 ? 同时保留我的文本搜索过滤器?

    {
    "id": 1,
    "title": "Title one",
    "category_data": {
        "2": "Team",
        "7": "Queries"
    }
},

我用这个测试过:

return  vm.info.filter(item => this.cat_array.includes(item.category_id))

代码笔示例 https://codepen.io/anon/pen/XxNORW?editors=1011

谢谢

1 回复 | 直到 7 年前

akuiper 7 年前

一种方法-( 没有照顾好孩子 All 逻辑 ):

this.info.filter(
  item => Object.values(item.category_data).some(
    cat => this.cat_array.includes(cat))
)

var info = [
    {
        "id": 1,
        "title": "Title one",
        "category_data": {
            "2": "Team",
            "7": "Queries"
        }
    },
    {
        "id": 2,
        "title": "Title two",
        "category_data": {
            "2": "Team",
            "7": "Queries"
        }
    },
    {
        "id": 3,
        "title": "Title three",
        "category_data": {
            "2": "Team",
            "7": "Queries"
        }
    },
    {
        "id": 4,
        "title": "Title four",
        "category_data": {
            "2": "Team",
            "7": "Queries"
        }
    },
    {
        "id": 5,
        "title": "Title five",
        "category_data": {
            "2": "Team",
            "6": "Questions",
            "7": "Queries"
        }
    },
    {
        "id": 6,
        "title": "Title six",
        "category_data": {
            "2": "Team",
            "6": "Questions",
            "7": "Queries",
            "12": "Fax",
        }
    }
]

var cat_array = ["Questions"]

console.log(
  info.filter(
    item => Object.values(item.category_data).some(
      cat => cat_array.includes(cat)
    )
  )
)

推荐文章

Mickey Vershbow · 无法获取复选框的“checked”属性

4 年前

XAZG ÐÐµÐ¸Ð·Ð²ÐµÑÑÐ½ÑÐ¹ · 如何在for js之后重置字符串变量

4 年前

SãOãNã JãOãã · Google sheets复选标记条件格式化

4 年前

Ranjith Raina · 在jquery中,可以将所有复选框值转换为逗号分隔的字符串

4 年前

Alex · 引导对齐表单开关左侧的标签

4 年前

Khilen Maniyar · 角度2:带有复选框的阵列工作不正常

8 年前

Yash Saraiya · jQuery datatable:在每个分页上启用几个文本框

8 年前

Kais · 带有输入复选框的表格选中/取消选中

8 年前

Silu K · 单击复选框后,如何将之前的所有复选框设置为在angular 4中选中

8 年前

yuggmeister · 如何使自定义复选框可访问?

8 年前