在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么在Element UI的table里面控制列是否是自定義列模板?

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

我想通過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>
回答
編輯回答
憶當年

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

2018年7月11日 07:15
編輯回答
舊城人
<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>
2018年1月31日 20:21