el-table列表中根据value显示label
适用情况:
- 后端返回的page只有编码,要求显示名称。
- 能够获取list ,包含所有的编码和名称
关键代码:
<el-table-column
prop="regionCode"
label="站点"
header-align="center"
align="center"
>
<template slot-scope="scope">
<span
v-for="(item, index) in regionList"
:key="index"
:value="item.regionCode"
v-if="scope.row.regionCode == item.regionCode"
>
{{ item.regionName }}
</span>
</template></el-table-column
>
代码解释:
data里面定义regionList,用来接收后端传回的list.