Как отобразить контент, добавленный с помощью редактора Vue в виде HTML?

Question

Я добавил данные с помощью vue-editor, и когда я пытаюсь их отобразить, они отображаются как

<p class="ql-align-justify">A total of 51 plant species were recorded in the sampled area (0.16 ha). The average GBH and height recorded were 75.41 cm and 15.59 metres respectively. Average tree density was 330 trees per ha. <em>Tectona grandis, Shorea robusta, Cassia fistula, Ehretia laevis, Mallatus phillipensis </em>and <em>Trewia nudiflora </em>were the dominant tree species in the corridor. The ground cover was dominated by shrubs (64.87 %), herbs (29.93%) and grasses (3.2%). The remaining area was barren ground.</p><p class="ql-align-justify"><br></p><p><br></p>

HTML-теги не работают. Итак, как я могу отформатировать это в виде HTML. Пожалуйста, помогите мне найти решение.

Я получаю данные в формате json. Является ли "" причиной проблемы? Пожалуйста, помогите мне найти решение

Answer 1

Используйте директиву v-html для вывода реального html из строки html; Скажите, если content это контент, добавленный из vue-editor:

<span v-html="content"></span>