vue.js 2のif inを使用するにはどうすればよいですか？

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要素を追加する必要があります。あなたは2 `V-if`sなければならないのはなぜ

オプション（あなたがunorderdリスト内の空のdivのが作成されますので、明らかに悪い）

<ul> 
    <li v-if="a && !b"><p>...</p></li> 
</ul> 

オプションB

<ul> 
    <div v-if="a"> 
    <li v-if="!b"><p>...</p></li> 
    </div> 
</ul>