Рендеринг HTML-тегов в Laravel & Vue.js

Question

Я разрабатываю приложение, используя Laravel & Vue.js. У меня есть некоторые данные в базе данных, как Hello <b>world!</b>. Как я могу отобразить их как Hello world! ?

Answer 1

Используйте привязку v-html:

<p v-html="fromDB"></p>

при условии, что в вашей модели представления есть свойство fromDB, например,

data() {
  return {
    fromDB: 'Hello <b>world!</b>'
  }
}

Пример:

https://codesandbox.io/s/2po80169wy

Справка:

https://vuejs.org/v2/guide/syntax.html#Raw-HTML

Обратите внимание, что это сопряжено с риском, поскольку из вашей базы данных fromDB может стать чем угодно, например, <script>console.log('logged')</script>.