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

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

浏览：180日期：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 gitlab 如何git clone？2. dockerfile - [docker build image失败- npm install]3. javascript - c#如何向js传值4. java - mybatis怎么实现在数据库中有就修改,没有就添加5. node.js - mongoDB使用$gte的问题6. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？7. java中关于直接插入排序遇到的问题。8. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？9. javascript - npm run build后调用api返回index.html10. docker绑定了nginx端口 外部访问不到
排行榜
javascript - c#如何向js传值
javascript - c#如何向js传值
1. java - mybatis怎么实现在数据库中有就修改,没有就添加
2. docker gitlab 如何git clone？
3. dockerfile - [docker build image失败- npm install]
4. docker绑定了nginx端口 外部访问不到
5. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？
6. docker安装后出现Cannot connect to the Docker daemon.
7. nignx - docker内nginx 80端口被占用
8. node.js - mongoDB使用$gte的问题
9. angular.js - angular内容过长展开收起效果
10. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
热门标签