Как сделать html из базы данных в Vue

Question

Я создаю приложение для блога, используя Vue. js для внешнего интерфейса и Node.js для внутреннего интерфейса.

Я использую расширенный текстовый редактор ( vue2-editor ) во внешнем интерфейсе, чтобы пользователи могли создавать содержимое блога. Я хочу сохранить этот контент в базе данных (MySQL) и получить его. В настоящее время контент, который я храню, выглядит как обычный HTML.

<p><strong>This is Blog Heading</strong></p><p><br></p><p><u>This is underlined</u></p><p><br></p><p>This is start of the paragraph</p>

И после извлечения из базы данных он отображается в виде строки, а не HTML

Как я могу заставить его правильно отображать HTML?

Answer 1

Используйте v-html, чтобы отобразить его как html, а не как строку.

Подробнее об этом можно прочитать здесь:

https://vuejs.org/v2/guide/syntax.html

Пример:

<div v-html="htmlFromDb" />

Answer 2

Предоставляя вам решение, насколько я знаю, надеюсь, оно вам поможет. Пожалуйста, посмотрите на код.

<p><strong>This is Blog Heading</strong></p>
<p><br></p>
<p><u>This is underlined</u></p>
<p><br></p>
<p>This is start of the paragraph</p>