通过使用element卡片循环出来的数据，需要取到每一项id，来获取并展示table里的数据，怎么解决

Question

通过element的卡片循环出来的数据，里面有一个table表格，这个table表格里需要用到图片，图片是另一个接口，通过上一个接口的id来获取到这个，但是问题来了，我该获取每一项的id并且展示这一组图片到table里渲染

Answer 1

你可以这样做，步骤如下：
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>