javascript - Vue 自动转义 html 字符

Question

这是我的一种计算方法:

            filtered() {
                return this.groups.map(group => {
                    return group.replace(this.search, '<span class="has-background-primary">' + this.search + '</span>');
                })
            }

这本应突出显示搜索框中的文本，但 <被转义到< .我应该怎么做才能抑制转义或者我怎样才能做得更好？

Answer 1

您走在正确的轨道上。唯一缺少的是在呈现结果/列表的地方的 v-html。

<div v-for="item in items" v-html="item">
  <!-- if the item now contains raw html it will not be escaped -->
</div>

我创建了一个用于演示的 fiddle :http://jsfiddle.net/6bto2nkv/