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

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

浏览：203日期：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. 问题Unknown column ’’ in ’where clause’2. objective-c - ios 类似qq置顶的效果3. html - vue项目中用到了elementUI问题4. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？5. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决6. javascript - vue组件通过eventBus通信时，报错a.$on is not a function7. css3 - css怎么实现图片环绕的效果8. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式9. ionic 项目 ionic build android -release 打包时报错10. python - 如何用pandas处理分钟数据变成小时线？
排行榜
ionic 项目 ionic build android -release 打包时报错
ionic 项目 ionic build android -release 打包时报错
1. angular.js - 如何控制ngrepeat输出的个数
2. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？
3. html - vue项目中用到了elementUI问题
4. css3 - css怎么实现图片环绕的效果
5. javascript - vue组件通过eventBus通信时，报错a.$on is not a function
6. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决
7. objective-c - ios 类似qq置顶的效果
8. 问题Unknown column ’’ in ’where clause’
9. python - 如何用pandas处理分钟数据变成小时线？
10. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式
热门标签