如何在vue.js 2中使用if?
问题描述:
如果窥视片,是这样的:如何在vue.js 2中使用if?
<ul>
@if ($a)
@if (!$b)
<li>
<p>...</p>
...
</li>
@endif
@endif
...
</ul>
我想改变它是VUE组件
我尝试这样的:
<ul>
<li v-if="a" v-if="!b">
<p>...</p>
...
</li>
...
</ul>
看来,这是错误的
如何我能正确做到吗?
答
根据@Amresh Venupogal的描述,您可以有多种选择,或者您可以制作一个嵌套,就像您在刀片视图中一样。但是它会要求你添加一个额外的html元素。
选项A
<ul>
<li v-if="a && !b"><p>...</p></li>
</ul>
选项B(显然更糟,因为你将创建空的div你unorderd名单内)
<ul>
<div v-if="a">
<li v-if="!b"><p>...</p></li>
</div>
</ul>
你为什么有两个'V-if's? 'v-if =“a &&!b”'应该就够了。 –
@Amresh Venugopal,很棒。非常感谢 –