如何在vue.js 2中使用if？

Question

如果窥视片，是这样的：

<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> 

看来，这是错误的

如何我能正确做到吗？

Answer 1

根据@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>