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

无法逃避的一个事实是你一定知道是哪一列， 无论是 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>