怎么在Element UI的table里面控制列是否是自定义列模板？

Question

我想通过header.multipleRow去控制是否是自定义的，但是没用，后来又在外面包裹一层也不行~
我感觉是slot-scope不能用v-if去控制的原因

<el-table-column v-for="(header, index) of tableHeaders" :sortable="header.sortable" :type="header.type" :prop="header.prop" :label="header.label" :width="header.width" :key="index">
    <div slot-scope="scope" v-if="header.multipleRow">
      <div class="biz-customcol">
        <img :src="scope.row[header.prop].img" alt="">
        <div class="biz-two-row">
          <span style="margin-left: 10px">{{ scope.row[header.prop].value1 }}</span>
          <span style="margin-left: 10px">{{ scope.row[header.prop].value2 }}</span>
        </div>
      </div>
    </div>
</el-table-column>

<el-table-column v-for="(header, index) of tableHeaders" :sortable="header.sortable" :type="header.type" :prop="header.prop" :label="header.label" :width="header.width" :key="index">
  <div v-if="header.multipleRow">
    <div slot-scope="scope">
      <div class="biz-customcol">
        <img :src="scope.row[header.prop].img" alt="">
        <div class="biz-two-row">
          <span style="margin-left: 10px">{{ scope.row[header.prop].value1 }}</span>
          <span style="margin-left: 10px">{{ scope.row[header.prop].value2 }}</span>
        </div>
      </div>
    </div>
  </div>
</el-table-column>

Answer 1

写在template里面把

<el-table v-for="(header, index) of tableHeaders" >

<el-table-column v-if="header.multipleRow" :sortable="header.sortable" :type="header.type" :prop="header.prop" :label="header.label" :width="header.width" :key="index">
     ............
</el-table-column>

</el-table>

Answer 2

<el-table-column v-for="(header, index) of tableHeaders"  :sortable="header.sortable" :type="header.type" :prop="header.prop" :label="header.label" :width="header.width" :key="index">
    <div v-if="header.multipleRow">
        /*自定义*/
    </div>
    <div v-else>
        /*非自定义*/
    </div>
</el-table-column>