欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 根据关键字实现数组的过滤

程序员文章站 2022-03-03 10:21:11
...
<label>
     搜索名称关键字:
     <input type  = "text" v-model = "keywords">
</label>
<tbody>
   <tr v-for = "item in search(keywords)">
       <td>{{item.id}}</td>
       <td>{{item.name}}</td>
  </tr>
</tbody>
data(){
    return{
         list :[{id=1,name="chi"},{id=2,name="wan"}]
   } 
}
methods{
     search(){
             var newList = []
             this.list.forEach(item => {
                    if (item.name.indexOf(keywords) ! = -1){
                                    newList.push(item)
                        }
            }) 
            return newList
       }
}
相关标签: vue

上一篇: 白名单

下一篇: Java Invoked OOM-Killer