美文网首页
vue中给一段文字中的某些关键字高亮并加点击事件

vue中给一段文字中的某些关键字高亮并加点击事件

作者: _相信未来_ | 来源:发表于2021-08-18 11:09 被阅读0次
<span class="listText" v-html="setKeyWord(content)">
setKeyWord(str) {
                const list = ['一', '二', '三'];
                list.forEach(function(val) {
                    let reg = new RegExp(val, "g");
                    str = str.replace(reg,
                        `<span onclick="clickThis('${val}')" style="color: red;">${val}</span>`);
                });
                return str;
            },
clickThis(_var) {
                console.log(_var)
            },

相关文章

网友评论

      本文标题:vue中给一段文字中的某些关键字高亮并加点击事件

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