搜索

首页  >  问答  >  正文

javascript - Vue中使用Element UI table 时遇到的显示问题

需求:n行3列的表格,第一列为序号,第二列为类型,第三列为缩略图。
后台传来的数据如下:

前端代码:

页面变成了这样:

我怎么才能拿到url的地址呢 ,我想把地址写给img标签中的src属性,这样就能显示预览图片了,关键就是这个dataurl拿不到啊,求高手支招。

PHP中文网PHP中文网2711 天前910

全部回复(1)我来回复

  • PHP中文网

    PHP中文网2017-06-28 09:30:08

    el-table-column有个inline-template属性

    <el-table-column fixed label="预览" prop="dataurl" inline-template>
        <img :src="row.dataurl">
    </el-table-column>

    回复
    0
  • 取消回复