包括处于vuex状态的html标签[重复]

Posted 2023-02-22

【中文标题】包括处于vuex状态的html标签[重复]

【英文标题】：including html tag in state of vuex [duplicate]

【发布时间】：2017-10-02 21:12:00

【问题描述】：

我有一些数据在 vuex 的状态下包含 html 标签，但我希望 html 标签可以被解析为普通的 html 标签，而不是转义它们。我怎样才能完成这个任务。 例如，

export default 
  state: 
    someHtml: '<a href="">This is a a tag.</a>'
  

this.$store.state.someHtml 可以显示为 html 链接。

【问题讨论】：

这不是违背了使用 Vue 的目的吗？您应该存储数据，而不是 HTML 字符串。您应该利用虚拟 DOM 来构建元素。

【参考方案1】：

如果您想使用 Vue 显示未转义的 HTML，请使用 v-html 指令，如下所示：

<div v-html="someHtml"></div>