
思路:
1,使用过滤器filter得到数据。过滤器:filter()
2,将符合条件的数据进行筛选。函数:includes()
代码如下:
computed: {
filteredList() {
return this.postList.filter(item=>
console.log(item)
item.title.includes(this.search)
)
},
},
//filteredList是题目定好的方法 通过v-for形式显示在页面
//使用return 返回postList数据并且使用filter过滤
// console.log(item) 我们要的值在item这个对象里 名字在item.title
//调用includes函数
知识点:
includes()方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
includes(a,b) 括号里第一个参数a为必选参数,表示要查找的某个参数;第二位b为可选参数,表示从某个索引位置开始查找,默认为零。
使用filter和includes在Vue中筛选数据,

该文章介绍了一个在Vue.js应用中使用`filter`和`includes`方法来筛选数据的示例。通过`filter`函数对`postList`进行遍历,并利用`includes`检查每个项的`title`属性是否包含搜索关键字,从而过滤出符合条件的列表项。

被折叠的 条评论
为什么被折叠?



