我必须根据以下条件呈现一些html代码：
if (status == 'pending') {
// render <span class='pending'>pending</span>
} else {
// render <span class='complete'>complete</span>
}
我想要一个更好的方法。 可以使用计算的属性来呈现html吗？
如何呈现条件html
•
问答
xyzz108 回答：如何呈现条件html
您可能会寻找v-if
....
https://vuejs.org/v2/guide/conditional.html
,您可以使用v-if指令：
<span class='pending' v-if="status === 'pending'">
pending
</span>
<span class='complete' v-else>
complete
</span>
查看更多详细信息：https://vuejs.org/v2/guide/conditional.html
,如果您有许多不同的状态，则模板中可以包含以下内容：
<span v-if="status" :class="status">{{ status }}</span>
当status为真时，将显示跨度，并且将类和内部文本设置为状态值。