带有复选框的问题过滤器搜索，vuejs

Question

我是 vue js 的初学者我想根据选中的复选框过滤搜索，如果我选中所有复选框我没有得到结果的问题

<template>
    <input type="checkbox" id="fr" value="fruits" v-model="sel">
        <label for="fr">fruits</label>
        <input type="checkbox" id="leg" value="vegetable" v-model="sel">
        <label for="leg">vegetable</label>
    
    
          <ul v-for="i in ar " :key="i">
            <li>{{i.title}}</li>
            <li>{{i.category}}</li>
            <li>{{i.uri}}</li>
          </ul> 
    </template>
    <script>
     data(){
        return{
          sel:[],
          tab:[
            {title:"aaa",uri:"aaaa.com",category:"fruits",icon:null},
         {title:"add",uri:"aaaa.com",category:"vegetable",icon:null},
          {title:"aff",uri:"aaaa.com",category:"fruits",icon:null},
        {title:"bbb",uri:"bbbb.com",category:"vegetable",icon:null},
        {title:"bdd",uri:"bbbb.com",category:"fruits",icon:null}
          ]
        }
      },
      computed:{
         ar(){
         return this.tab.filter((item)=>{
           return item.category.includes(this.sel)
         })
          
        }
      }
    </script>

Answer 1

this.sel 是一个数组，您想使用some 方法检查任何术语是否在类别中：

ar(){
  return this.tab.filter((item)=>{
    return this.sel.some(term => item.category.includes(term))
  })
}