蓝桥杯练习题【功能实现】搜一搜呀

简介: 蓝桥杯练习题【功能实现】搜一搜呀

背景介绍


通常网站上会有搜索功能,方便用户定位搜索。本次试题我们要使用 Vue 2 的语法来完成一个关键字匹配的搜索功能。


考试要求


请完善 index.html 文件,让页面具有如下所示的效果:

de74b44f1bae42e18ce3aea053ffdd0e.gif



解决方案

computed: {
          filteredList() {
            // TODO: 请补充代码
            return this.postList.filter(item => item.title.search(this.search) !== -1)
          },
        },

原理

本题目本质是补充计算属性中的方法体,实现一个简单的搜索功能,搜索功能需要用到filter过滤方法,本题难度不大,不会的小伙伴们可以去复习一下filter函数的用法


相关文章
|
3天前
|
网络安全
蓝桥杯-网络安全-练习题-crypto-rsa
蓝桥杯-网络安全-练习题-crypto-rsa
蓝桥杯-网络安全-练习题-crypto-rsa
|
3天前
|
Java 测试技术 C++
第十四届蓝桥杯集训——JavaC组——运算符练习题
第十四届蓝桥杯集训——JavaC组——运算符练习题
39 0
|
11月前
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
103 0
|
算法 BI C++
蓝桥杯练习题十四 - 次数差(c++)
蓝桥杯练习题十四 - 次数差(c++)
75 0
|
人工智能 C++
蓝桥杯练习题十三 - 猜字母(c++)
蓝桥杯练习题十三 - 猜字母(c++)
119 0
|
C++
蓝桥杯练习题十三 - 第几个幸运数(c++)
蓝桥杯练习题十三 - 第几个幸运数(c++)
162 0
|
C++ iOS开发
蓝桥杯练习题十二 - 分数(c++)
蓝桥杯练习题十二 - 分数(c++)
65 0
|
C++
蓝桥杯练习题十一 - 乘积尾零(c++)
蓝桥杯练习题十一 - 乘积尾零(c++)
89 0
蓝桥杯练习题十一 - 乘积尾零(c++)
|
C++
蓝桥杯练习题十 - 煤球数目(c++)
蓝桥杯练习题十 - 煤球数目(c++)
106 0
蓝桥杯练习题十 - 煤球数目(c++)
|
存储 算法 C++
蓝桥杯练习题九 - REPEAT 程序(c++)
蓝桥杯练习题九 - REPEAT 程序(c++)
134 0
蓝桥杯练习题九 - REPEAT 程序(c++)