el-table-column 动态生成相关

Question

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>标签。

Answer 1

无法逃避的一个事实是你一定知道是哪一列， 无论是&nbsp;flag、type、index&nbsp;或是对内容进行识别。使用&nbsp;v-if&nbsp;就好。<el-table-column&nbsp;:label="item.label"&nbsp;:key="item.label"&nbsp;:prop="item.prop"&nbsp;v-for="item&nbsp;in&nbsp;labelTitle"&nbsp;align="center"> &nbsp;&nbsp;<template&nbsp;slot-scope="scope"> &nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;:src="scope.row[item.prop]"&nbsp;v-if="item.type&nbsp;===&nbsp;'img'"></img> &nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;v-else>{{scope.row[item.prop]}}</span> &nbsp;&nbsp;</template></el-table-column>