关于接口返回的数据如何渲染在列表上
这里后端一般返回一个对象数组,我们使用element的table组件可以直接循环渲染出来
要渲染的几个列表:
<!-- 接口返回数据渲染图片,src前面一定要使用v-bind(:)-->
<el-table-column prop="image" label="商品主图" width="100px">
<template slot-scope="scope">
<img :src="scope.row.image" alt />
</template>
</el-table-column>
<!--价格-->
<el-table-column prop="score" label="售价" width="100px">
<template slot-scope="scope">
<span>{
{ scope.row.score / 100 }}</span>
</template>
</el-table-column>
<!--状态-->
<el-table-column prop="status_lable" label="状态" width="100px">
<template slot-scope="scope">
<span>{
{ scope.row.status_lable }}</span>
</template>
</el-