文章详情页
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. javascript - 引入 simditor，但是显示标签，这个怎么解决。2. android - 目前有哪些用Vue.js开发移动App的方案？3. docker api 开发的端口怎么获取？4. javascript - 仿着echarts官网的地图做了个例子，但是只显示出来了地点，没有画出飞机动态效果？？急5. java - android studio的安装路径问题6. java - idea 新建项目提示 already exists in VFS7. python - scrapy获取网页指定内容，后翻到下一页继续，固定循环次数。。问题8. calss调用了 也设置了颜色，可是网站不显示。请问大佬是什么情况啊9. cas项目起个名字10. background属性顺序？
排行榜
网公网安备