在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://codesandbox.io/s/2po80169wy

参考：

  

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

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