文章详情页
javascript - Vue中使用Element UI table 时遇到的显示问题
浏览：210日期：2023-04-30 16:55:16
问题描述
需求：n行3列的表格，第一列为序号，第二列为类型，第三列为缩略图。后台传来的数据如下：
前端代码：
页面变成了这样：
我怎么才能拿到url的地址呢 ，我想把地址写给img标签中的src属性，这样就能显示预览图片了，关键就是这个dataurl拿不到啊，求高手支招。
问题解答
回答1：el-table-column有个inline-template属性
<el-table-column fixed label='预览' prop='dataurl' inline-template> <img :src='https://www.haobala.com/wenda/row.dataurl'></el-table-column>
标签：
JavaScript
上一条：javascript - JS 里面的 delete object.key 到底删除了什么？下一条：javascript - 想问下百分比进度条实现原理以及这种布局怎么实现，还有赛马时背景跟着动的原理？
相关文章：
1. 修改mysql配置文件的默认字符集重启后依然不生效2. Java使用数组的速度比C ++中std :: vector快8倍。我做错什么了？3. html5 - 在Mac里使用vscode，却无法使用已下载的扩展……4. Java：使用URL下载图片为何图片下载不完全呢？5. 请教一个python字符串处理的问题？6. docker容器呢SSH为什么连不通呢？7. java - mybatis源码分析8. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！9. css - html根字体设置成很大的值后， 包裹了行内元素的div莫名变高是什么原因10. docker网络端口映射，没有方便点的操作方法么？
排行榜
网公网安备