背景介绍
通常网站上会有搜索功能,方便用户定位搜索。本次试题我们要使用 Vue 2 的语法来完成一个关键字匹配的搜索功能。
考试要求
请完善 index.html 文件,让页面具有如下所示的效果:
解决方案
computed: { filteredList() { // TODO: 请补充代码 return this.postList.filter(item => item.title.search(this.search) !== -1) }, },
原理
本题目本质是补充计算属性中的方法体,实现一个简单的搜索功能,搜索功能需要用到filter过滤方法,本题难度不大,不会的小伙伴们可以去复习一下filter函数的用法