文章详情页
javascript - Vue中使用Element UI table 时遇到的显示问题
问题描述
需求: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. mac里的docker如何命令行开启呢?2. docker images显示的镜像过多,狗眼被亮瞎了,怎么办?3. macos - mac下docker如何设置代理4. docker start -a dockername 老是卡住,什么情况?5. docker pull 错误?6. docker-compose 为何找不到配置文件?7. mac连接阿里云docker集群,已经卡了2天了,求问?8. html5 - 移动端UC浏览器兼容问题9. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!10. node.js - 来帮我捋一下node中fs模块watch实现原理
排行榜