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  海上蝴蝶  阅读(711)  评论(0)    收藏  举报
编辑推荐:
· 复杂业务系统线上问题排查过程
· 通过抓包,深入揭秘MCP协议底层通信
· 记一次.NET MAUI项目中绑定Android库实现硬件控制的开发经历
· 糊涂啊!这个需求居然没想到用时间轮来解决
· 浅谈为什么我讨厌分布式事务
阅读排行:
· 那些年我们一起追过的Java技术,现在真的别再追了!
· 还在手写JSON调教大模型?.NET 9有新玩法
· 为大模型 MCP Code Interpreter 而生:C# Runner 开源发布
· 面试时该如何做好自我介绍呢?附带介绍样板示例!!!
· JavaScript 编年史:探索前端界巨变的幕后推手
点击右上角即可分享
微信分享提示