如果在vue.js 2上,我如何使用if?

时间:2017-04-13 05:11:08

标签: vue.js laravel-5.3 vuejs2 vue-component vuex

如果在查看刀片中,它就像这样:

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

似乎是错的

我该如何正确地做到这一点?

1 个答案:

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