在 Laravel 和 Vue.js 中渲染 HTML 标签

【问题标题】：Render HTML tags in Laravel & Vue.js在 Laravel 和 Vue.js 中渲染 HTML 标签
【发布时间】：2018-12-09 18:05:33
【问题描述】：

我正在使用 Laravel 和 Vue.js 开发一个应用程序。我在数据库中有一些数据，例如Hello <b>world!</b>。如何将它们显示为 Hello world! ？

【问题讨论】：

【解决方案1】：

使用v-html 绑定：

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

假设您的视图模型中有 fromDB 属性，例如

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

例子：

参考：

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

请注意，这会带来风险，因为从您的数据库中，fromDB 几乎可以变成任何东西，例如<script>console.log('logged')</script>.

【讨论】：