Wie kann ich wenn in wenn auf vue.js 2 verwenden?

Question

Wenn im Hinblick Klinge, ist es wie folgt aus:

<ul> 
@if ($a) 
    @if (!$b) 
     <li> 
      <p>...</p> 
      ... 
     </li> 
    @endif 
@endif 
... 
</ul> 

ich es vue Komponente

ich so versuchen ändern möchten:

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

scheint es falsch

Wie kann ich es richtig machen?

Answer 1

Sie haben mehrere Optionen, entweder Sie ketten die Bedingung wie von @Amresh Venupogal beschrieben oder Sie verschachteln, wenn Sie genau wie in Ihrer bladeview. Allerdings müssten Sie ein zusätzliches HTML-Element hinzufügen.

Option A

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

Option B (offensichtlich schlechter da Sie leer divs in Ihrem unorderd Liste erstellen wird)

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