如果在查看刀片中,它就像这样:
<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>
似乎是错的
我该如何正确地做到这一点?
答案 0 :(得分:1)
您可以使用@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>