文章详情页

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

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

问题描述

需求：n行3列的表格，第一列为序号，第二列为类型，第三列为缩略图。后台传来的数据如下： 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. mysql优化 - mysql 分页查询优化。2. mysql - SQL添加记录的数据来源于同一个表3. javascript - 请教，用原生js插入html的问题4. javascript - vue报错，昨天也是这么写的也没报错呀，今天就报错了，不知原因。求解决5. javascript - vuex 参数绑定问题求解6. javascript - canvas压缩图片的原理是什么7. css - div设置float：left后高度设置自动会无效？8. javascript - 三目运算符的一些问题9. css - 关于HTML中width和height的疑问(这个提问的标题不好起)10. 导入数据库不成功