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

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://vuejs.org/v2/guide/syntax.html#Raw-HTML

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

Render HTML tags in Laravel & Vue.js