蓝桥杯(Web 前端)搜一搜呀
思路
看到了关于搜索的,第一时间就想起了字符串的 search 方法
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
如果没有找到任何匹配的子串,则返回 -1。
一开始我是想在if语句中直接const arr,后来才明白这样的话,每次进来又是一个新的arr,所以改成了在data中定义数组arr
最后return记得一定要在循坏外面,不然拿不到
每次进来要把arr清空
写的不是很好,如果有更多改进请在评论区留言哦,互相学习
具体实现代码
data:{
// 需要定义一个变量来接数据
arr:[]
},
computed: {
filteredList() {
// TODO: 请补充代码
this.arr = []
this.postList.forEach(e => {
// search 查看title中是否包含this.search,不包含返回-1
if(e.title.search(this.search)!==-1&&this.search!==""){
this.arr.push(e)
}
});
return this.arr
},
},
});