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 在您渲染 result/list.

的地方

<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/