vue 搜索结果高亮

2019-06-20  本文已影响0人  小蝴蝶_037a

这个是方法,无视大小写,this.allStandard是我这里搜索的关键词

                    //搜索关键字高亮
                    filterKeyLight(text){
                        const Reg = new RegExp(this.allStandard.toUpperCase(), 'i');
                        if(text){
                            return text.replace(Reg, `<span style="color:#FF6020;">${this.allStandard.toUpperCase()}</span>`);
                        }
                    },

把方法放在显示结果的span里 用v-html调用,参数是搜索结果

<span slot="label" v-html="filterKeyLight(text)"></span>
高亮
上一篇下一篇

猜你喜欢

热点阅读