vue中的搜索实现方式

1.第一种办法定义一个搜索的函数传入要搜索的关键字,在方法内部实现for循环,把所有符合条件的数据存在一个空数组中,返回,在实行for循环,item.name包含keyword就可以搜索

 v-for="(item,index)  in search(keyword)" :key="index">

methods: {
search: function(keyword) {


var newlist=[];
this.list.forEach((item) =>{
if(item.name.indexOf(keyword)!=-1){
newlist.push(item)
}
})
return newlist
},

}

第二个办法 filter

search: function(keyword) {
/*es6的语法为字符串提供了一个新方法叫做string.protetype.includes('要包含的字符串')
如果包含返回true,不包含返回false*/
return this.list.filter(function(item){
if(item.name.includes(keyword)){
return item
}
})
},

}

猜你喜欢

转载自www.cnblogs.com/xzhce/p/12896010.html
今日推荐