您的位置：首页技术文章
文章详情页

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

浏览：219日期：2023-04-30 16:55:16

问题描述

需求：n行3列的表格，第一列为序号，第二列为类型，第三列为缩略图。后台传来的数据如下：javascript - Vue中使用Element UI table 时遇到的显示问题前端代码：

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

页面变成了这样：

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

我怎么才能拿到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. docker绑定了nginx端口 外部访问不到2. docker-compose 为何找不到配置文件？3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. dockerfile - [docker build image失败- npm install]5. docker-compose中volumes的问题6. boot2docker无法启动7. docker网络端口映射，没有方便点的操作方法么？8. docker api 开发的端口怎么获取？9. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
排行榜
docker绑定了nginx端口 外部访问不到
docker绑定了nginx端口 外部访问不到
1. docker-compose 为何找不到配置文件？
2. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
3. dockerfile - [docker build image失败- npm install]
4. boot2docker无法启动
5. docker网络端口映射，没有方便点的操作方法么？
6. docker-compose中volumes的问题
7. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
8. angular.js使用$resource服务把数据存入mongodb的问题。
9. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””
10. docker镜像push报错
热门标签