只是想知道我是否遗漏了一些东西:
<span v-html="(shouldParseHTMLBool ? HTMLContent : '')">
{{ contentWithoutParsedHTML }}
</span>
似乎不起作用。
仅当 shouldParseHTMLBool 设置为 true 时，我才希望此 span 解释 HTML。
有可能吗，或者我应该使用v-if？在这个简单的示例中，这不是什么大问题，但对于我的组件，我必须为每个条件复制约 30 行。
最佳答案
最好使 if 条件尽可能远离模板。 您应该创建一个计算对象。
[模板]
<span v-html="computedContent"></span>
[脚本]
...
computed: {
computedContent: function () {
return this.shouldParseHTMLBool ? this.HTMLContent : ''
}
},
...
关于javascript - 条件 V-HTML 渲染，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54637891/