v-if的使用方式

一、语法

其中<span></span>可以换成<div></div>，

<div></div>的可以换成<templete></templete>都没关系

<el-table-column label="管理员" prop="isAdmin">
            <div slot-scope="scope">
              <span v-if="scope.row.isAdmin===1">管理员</span>
              <span v-else-if="scope.row.isAdmin===0">普通成员</span>
            </div>
</el-table-column>

二、结构

<div slot-scope="scope">
              <span v-if="scope.row.isAdmin===1">管理员</span>
              <span v-else-if="scope.row.isAdmin===0">普通成员</span>
</div>

 

是个两层结构，若是加入v-else仍然是两层结构

<div id="app">
    <div v-if="type === 'A'">
      A
    </div>
    <div v-else-if="type === 'B'">
      B
    </div>
    <div v-else-if="type === 'C'">
      C
    </div>
    <div v-else>
      Not A/B/C
    </div>
</div>