element表格数据v-for替换期望文字



后端返回等级编码 "1","2"....
并给你一个字典obj
[
 {dicCode: "4", dictFlag: "riskLevel", dicText: "四级"},
 {dicCode: "3", dictFlag: "riskLevel", dicText: "三级"},
{dicCode: "2", dictFlag: "riskLevel", dicText: "二级"},
 {dicCode: "1", dictFlag: "riskLevel", dicText: "一级"}
]
通过v-for 以及v-if 把编码转换为期望的文字
---------------------------------------------------------------------------------------------

<el-table :data="riskList" border style="width: 100%" :height="tableHeight" @selection-change="handleSelectionChange" > <el-table-column label="风险等级" width="80" show-overflow-tooltip align="center" > <template slot-scope="scope"> <span v-for="(item, index) in riskLevelArr" v-if="scope.row.riskLevel == item.dicCode" >{{ item.dicText }}</span > </template> </el-table-column> </el-table>

红色的就是字典

posted @ 2020-11-06 10:29  海上蝴蝶  阅读(699)  评论(0编辑  收藏  举报