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

<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)
            },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容