美文网首页微信小程序
微信小程序根据关键字显示红色样式

微信小程序根据关键字显示红色样式

作者: Morbid_D | 来源:发表于2021-04-14 15:35 被阅读0次

    1. const getInf = (str, key) => str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%');

    2.封装对应的方法

    data 为需要匹配的数据  keyWord为关键字  seachName为数据中对应的对象名

    seachRedText(data,keyWord,seachName){//查找关键字

        let that = this

                  for (let i = 0; i < data.length; i++) {

                      let dic = data[i];

                      let newDic = data[i];

                      let text = dic[seachName];

                      newDic[seachName] = getInf(text,keyWord);

                  }

          return data

      }

    3.使用  res.data.rescueList = this.seachRedText(res.data.rescueList,this.data.keyWord,'name')

    4.案例

    5.效果

    相关文章

      网友评论

        本文标题:微信小程序根据关键字显示红色样式

        本文链接:https://www.haomeiwen.com/subject/ehndlltx.html