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
}
}
上一篇: 白名单