如何在vue.js上使用v-if和v-else?

时间:2019-01-29 17:44:32

标签: vue.js

我尝试以下代码:

<h1 v-if="2 === 1">Yes</h1>
<h1 v-else>No</h1>

但不起作用,并显示两个标签<h1>

如何在vue.js上使用v-if和v-else?

1 个答案:

答案 0 :(得分:2)

如果您不需要从DOM中删除元素,条件是简单地切换一些文字 - 你可以只使用一个三元运算符。见下文

<h1 v-text="2 === 1 ? 'Yes' : 'No'" />