后台返回的数据
显示效果:
html:
<el-table-column
align="center"
label="使用过的小程序"
width="124"
v-if="activeTab == 0"
>
<template #default="scope">
<div
v-for="(item, index) in scope.row.used_applet.split(',')"
:key="index"
>
{{ appletVal[item] }}
// 判断最后一个元素不显示、
<span v-if="index !== scope.row.used_applet.split(',').length - 1"
>、</span
>
</div>
</template>
</el-table-column>
<el-table-column
align="center"
label="注册来源"
width="124"
v-if="activeTab == 0"
>
<template #default="scope">
{{ scope.row.source ? appletVal[scope.row.source] : "-" }}
</template>
</el-table-column>
js:
const appletVal = {
0: "-",
1: "跳乐乐小程序",
2: "竞赛车小程序",
3: "室外小程序"
};
//如果返回的值是按1,2,3三这种下标顺序返回的可以直接简写成下面的形式,没有为0的返回值,所以第一位空出来
//const appletVal = ["", "跳乐乐小程序", "竞赛车小程序", "室外小程序"];