关于模糊查询
数据格式

const datas = [
  {
    id:0,
    name:"食物",
    child:[
     {id:001,name:"香蕉"},
     {id:002,name:"苹果"}
    ]
  },
  {
    id:1,
    name:"用品",
    child:[
      {id:100,name:"xxx"},
      {id:101,name:"kkkk"}
    ]
  },
  {
   id:2,
   name:"哈哈",
  },
]

搜索表单
<input v-model.trim="keywords" />
<ul>
  <li v-for="item in filterDatas">{{item.name}}</li>
<ul>

data(){
  return {
    database:datas,
    keywords:""
  }
},
computed:{
  filterDatas(){
    let kw = this.keywords;
    if(kw){
      return this.database.filter(item=>{
        return item.name.indexOf(kw) !== -1
      })
    }
    return this.database
  }
}

这样写为什么没有结果呢。
求教，而且原数据里的child 嵌套层次会很深，理论上是无限级。后端返回的。
折腾了1天了，请大神们帮帮忙。 -_-