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

Question

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

前端代码：

页面变成了这样：

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

Answer 1

<el-table-column  label="预览" prop="dataurl" header-align="center">
   <template scope="scope">
      <img :src="scope.row.dataurl"/>
   </template>
</el-table-column>

doc:
http://element.eleme.io/#/zh-...

Answer 2

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

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

Answer 3

楼主，我也遇到了同样的问题。图片路径应该是/assets/xxx/1.png。assets这个文件夹在src里面。但是我的图片在el-table外面是可以显示的。放在el-table-column中就无法显示。不知道那位大神可以帮忙解答！~

Answer 4

这一列需要自定义，方法上面的回答中有了