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>