通过element的卡片循环出来的数据,里面有一个table表格,这个table表格里需要用到图片,图片是另一个接口,通过上一个接口的id来获取到这个,但是问题来了,我该获取每一项的id并且展示这一组图片到table里渲染
你可以这样做,步骤如下:
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>