亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

el-table-column 動態生成相關

el-table-column 動態生成相關

墨色風雨 2018-08-10 19:02:08
table的表頭由接口返回的數據動態生成,列表中需要顯示日期和圖片。時間戳我在拿到接口數據的時候自己轉化為了日期顯示,但是不知道圖片該怎么處理才能顯示出來。。<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中怎么單獨為某列處理圖片呢?因為是動態生成的,所以不知道怎么給圖片那一列添加<img>標簽。
查看完整描述

1 回答

?
慕田峪9158850

TA貢獻1794條經驗 獲得超7個贊

無法逃避的一個事實是你一定知道是哪一列, 無論是 flag、type、index 或是對內容進行識別。使用 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>


查看完整回答
反對 回復 2018-08-12
  • 1 回答
  • 0 關注
  • 3369 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號