vue.js 如何将文本内容里的关键字替换成高亮

Question

我想实现下图效果↓↓

2.这是页面赋值标签

3.我通过下图方法做替换，然后在span标签里设置背景色

结果页面值变成了<span>回迁</span>，span标签并没有在页面渲染，而是以字符串的形式出现。

这个问题是我图2赋值的方式有问题吗？？

Answer 1

在标签上使用v-html绑定

Answer 2

需要用 v-html 绑定成 HTML 文本，否则会按普通字符串渲染。

---

使用 v-html 注意 XSS 问题。