蓝桥杯(Web 前端)搜一搜呀

蓝桥杯(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
          },
        },
      });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值