鍍金池/ 問答/HTML/ el-table-column 動態(tài)生成相關(guān)

el-table-column 動態(tài)生成相關(guān)

table的表頭由接口返回的數(shù)據(jù)動態(tài)生成，列表中需要顯示日期和圖片。時間戳我在拿到接口數(shù)據(jù)的時候自己轉(zhuǎn)化為了日期顯示，但是不知道圖片該怎么處理才能顯示出來。。

<el-table class="el-table" :data="dialogList" border fit highlight-current-row>
          <el-table-column :label="item.label" :key="item.label" :prop="item.prop" v-for="item in labelTitle"
                           align="center">
          </el-table-column>
        </el-table>

請教大佬們column中怎么單獨為某列處理圖片呢？因為是動態(tài)生成的，所以不知道怎么給圖片那一列添加<img>標簽。

回答
編輯回答
過客

無法逃避的一個事實是你一定知道是哪一列， 無論是 flag、type、index 或是對內(nèi)容進行識別。使用 v-if 就好。

<el-table-column :label="item.label" :key="item.label" :prop="item.prop" v-for="item in labelTitle" align="center">
  <template slot-scope="scope">
    <img :src="scope.row[item.prop]" v-if="item.type === 'img'"></img>
    <span v-else>{{scope.row[item.prop]}}</span>
  </template>
</el-table-column>
2017年7月31日 15:43