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

搜索

首页文章专题 AI工具学习编程手册下载最近更新

文章 web3.0 后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

学习大前端后端开发数据库移动端运维开发 UI设计计算机基础

编程手册大前端 JavaScript 后端开发数据库移动端运维开发 UI设计计算机基础 XML Web Services

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

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

[JavaScript讨论组]

1216

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

前端代码：

页面变成了这样：

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

PHP中文网

认证0级讲师

全部回复(1)

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

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

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>