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>

Я создал небольшую скрипку для демонстрации: http://jsfiddle.net/6bto2nkv/