通过element的卡片循环出来的数据,里面有一个table表格,这个table表格里需要用到图片,图片是另一个接口,通过上一个接口的id来获取到这个,但是问题来了,我该获取每一项的id并且展示这一组图片到table里渲染
1条回答 默认 最新
- tonyzhangcn 2021-10-30 09:50关注
你可以这样做,步骤如下:
1.在methods中定义一个方法,用来根据id获取图标地址。例如:methods:{ .... getImgUrl(id){ let url = 通过id调用的接口方法;//这里注意处理异步调用 return url; } .... }
2.在table中每一行需要显示图片的地方调用这个方法,传id进去。
<!-- 注意这是需要显示图片的那列 --> <el-table-column label="图片"> <template #default="scope"> <!--注意这里要传id --> <img :src="getImgUrl(scope.row.id)"/> </template> </el-table-column>
解决 1无用
悬赏问题
- ¥15 C++定义Student类
- ¥15 能不能通过蓝牙将传感器数据传送到手机上
- ¥20 100元python和数据科学实验项目
- ¥15 根据时间在调用出列表
- ¥15 FastReport.community 编辑,table只显示“每页”最顶部和底部横线
- ¥15 R 包chipseeker 安装失败
- ¥15 Veeam Backup & Replication 9.5 还原问题
- ¥15 vue-print-nb
- ¥15 winfrom的datagridview下拉框变成了黑色,渲染不成功
- ¥20 利用ntfy实现短信推送