我如何使用 if in if on vue.js 2?
How can I use if in if on vue.js 2?
如果在blade视图中是这样的:
<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 所述链接条件,要么像在 bladeview 中那样进行嵌套。但是,它需要您添加一个额外的 html 元素。
选项A
<ul>
<li v-if="a && !b"><p>...</p></li>
</ul>
选项 B(显然更糟,因为您将在无序列表中创建空的 div)
<ul>
<div v-if="a">
<li v-if="!b"><p>...</p></li>
</div>
</ul>
如果在blade视图中是这样的:
<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 所述链接条件,要么像在 bladeview 中那样进行嵌套。但是,它需要您添加一个额外的 html 元素。
选项A
<ul>
<li v-if="a && !b"><p>...</p></li>
</ul>
选项 B(显然更糟,因为您将在无序列表中创建空的 div)
<ul>
<div v-if="a">
<li v-if="!b"><p>...</p></li>
</div>
</ul>