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

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

背景介绍


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


考试要求


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

de74b44f1bae42e18ce3aea053ffdd0e.gif



解决方案

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

原理

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


相关文章
|
9月前
|
网络安全
蓝桥杯-网络安全-练习题-crypto-rsa
蓝桥杯-网络安全-练习题-crypto-rsa
蓝桥杯-网络安全-练习题-crypto-rsa
|
9月前
|
C语言
蓝桥杯练习题
蓝桥杯练习题包括6道C语言编程题:1. 判断三位数是否为水仙花数;2. 输出区间质因数分解;3. 将秒转换为'H:M:S'格式;4. 判断闰年;5. 删除可被整除元素并排序数组,数字转字母;6. 分类比较两个字符串关系。每题涉及不同逻辑操作,适合编程初学者练习。
71 3
|
9月前
|
Java 测试技术 C++
第十四届蓝桥杯集训——JavaC组——运算符练习题
第十四届蓝桥杯集训——JavaC组——运算符练习题
89 0
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
145 0
|
C++
蓝桥杯练习题十一 - 乘积尾零(c++)
蓝桥杯练习题十一 - 乘积尾零(c++)
124 0
蓝桥杯练习题十一 - 乘积尾零(c++)
|
C++
蓝桥杯练习题十 - 煤球数目(c++)
蓝桥杯练习题十 - 煤球数目(c++)
162 0
蓝桥杯练习题十 - 煤球数目(c++)
|
存储 算法 C++
蓝桥杯练习题九 - REPEAT 程序(c++)
蓝桥杯练习题九 - REPEAT 程序(c++)
198 0
蓝桥杯练习题九 - REPEAT 程序(c++)
|
算法 C++
蓝桥杯练习题七 - 第几天(c++)
蓝桥杯练习题七 - 第几天(c++)
147 0
蓝桥杯练习题七 - 第几天(c++)
|
存储 C++
蓝桥杯练习题六 - 大数乘法(c++)
蓝桥杯练习题六 - 大数乘法(c++)
212 0
蓝桥杯练习题六 - 大数乘法(c++)
|
算法 BI C++
蓝桥杯练习题十四 - 次数差(c++)
蓝桥杯练习题十四 - 次数差(c++)
110 0