关于关键字搜索之后,关键字标红的写法

做项目的时候,有一个搜索,输入关键字,然后搜出来的结果,关键字标红。类似下图
关于关键字搜索之后,关键字标红的写法_第1张图片
可以通过正则的方法实现。

 //判断搜索记录是否包含某个关键字
checkPara(val,para){
   if (val.indexOf(para) !== -1 && para !== ''){
     return true;
   }else {
     return false
   }
},
showData(val) {
        val = val + '';
        if (this.checkPara(val,this.keywords)) {
            //如果搜索结果记录包含关键字中的任何一个,那么修改样式
            return val.replace(this.keywords , "" + this.keywords + '')
        } else {
            return val //不做任何修改
        }
    },

然后在搜索结果中调用 showData 方法,


你可能感兴趣的:(温故而知新)