带有 html 的 vuex getter

Question

我有一个具有 getter getScore() 的 vuex 实现，我想将 html 代码返回到模板，但是模板将结果 html 转义为原始文本。

vuex 代码如下：

  getters: {
    getScore(state) {
        return state.score > 10 ? "<b class=\"green\">" + state.score + "</b>" : "<b class=\"red\">" + state.score + "</b>";
    }
  },

result 不是 html 而是原始文本，例如5

如何返回将作为html插入模板的html？感谢您的帮助。

Answer 1

您应该使用v-html 指令将其呈现为 HTML。