vue el-table列表中根据value显示label
el-table列表中根据value显示label适用情况:后端返回的page只有编码,要求显示名称。能够获取list ,包含所有的编码和名称关键代码:<el-table-columnprop="regionCode"label="站点"header-align="center"align="center"><template slot-scope=
·
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.
更多推荐
已为社区贡献4条内容
所有评论(0)