vue使用v-for遍历map，获得对应的 key 和 value

ゞ浴缸里的玫瑰 2022-10-30 13:25 558阅读 0赞

**场景：**

如题，最近在使用vue开发页面过程中，遇到需要表格中，使用v-for遍历map获取对应的key和value。

首先来展示优秀后端(没错，也是在下)处理返回的数据JSON格式(返回数据已脱敏处理，请放心食用)

{"total":1,"rows":[{"sysRightMap":{"10":"值A,值B","40":"值1,值2"}}]}

页面需要通过v-for in 的方式遍历取出返回对象中的sysRightMap对象里面的值，分别得到对应的key和value，

**页面遍历代码：**

<el-table-column label="我是列名">
                                    <template slot-scope="scope">
                                        <div v-if="!!scope.row.sysRightMap">
                                            <div v-for="(value,key) in scope.row.sysRightMap"
                                                 :key="key">
                                                
                                                
                                                
                                            </div>
                                        </div>
                                    </template>
                                </el-table-column>

tips:  随手转发记录一个小技巧，你的博客总数将会 + 1  \[/doge\]

发表评论取消回复

表情：

评论列表（有 0 条评论，558人围观）

还没有评论，来说两句吧...

相关阅读

相关 Map遍历 key-value 的4种方法

Map遍历 key-value 的4种方法四种方法先用`keySet()`取出所有key值，再取出对应value——增强for循环遍历先用`key

ゝ一纸荒年。/ 2024年04月07日 11:56/ 0 赞/ 72 阅读

相关【java】map集合遍历： entrySet（）、单独遍历key或者value、 keySet()、iterator遍历

目录 1.增强for循环。利用Map 的 entrySet（）方法获取元素 2.增强for循环。单独遍历key或者value 3.增强for循环。利用M

雨点打透心脏的1/2处/ 2024年03月27日 14:39/ 0 赞/ 83 阅读

相关 js遍历对象key，value

声明一个对象： let obj = { name: 'Kamen', age: '23', ho

待我称王封你为后i/ 2024年03月26日 15:25/ 0 赞/ 77 阅读

相关 vue使用v-for遍历map，获得对应的 key 和 value

场景：如题，最近在使用vue开发页面过程中，遇到需要表格中，使用v-for遍历map获取对应的key和value。首先来展示优秀后端(没错，也是在

ゞ浴缸里的玫瑰/ 2022年10月30日 13:25/ 0 赞/ 559 阅读

相关 html遍历map,vue.js如何遍历map

vue.js遍历map的方法：vue使用【v-for】遍历Map，代码为【】。 ![550490421eee8d245ab44c58ebe1c049.png][] 【相

落日映苍穹つ/ 2022年10月07日 08:50/ 0 赞/ 348 阅读

相关使用vue v-for遍历map

关键点在于(value, key) in map，value在前，key在后 <html lang="en"> <head> <me

一时失言乱红尘/ 2022年09月09日 11:53/ 0 赞/ 779 阅读

相关 json对象遍历key和value

要从dict中提取一个值，需要在实例`'minecraft.net', 'session.minecraft.net', 'account.mojang.com', ...`中

雨点打透心脏的1/2处/ 2022年08月30日 04:28/ 0 赞/ 180 阅读

相关 java中遍历json的key和value

推荐都是用fastjson。org.json好像不支持序列化。 com.alibaba.fastjson遍历获取key的方法： //fastjson解析方法

约定不等于承诺〃/ 2022年03月18日 17:24/ 0 赞/ 904 阅读

相关【Map对象】遍历并打印出各元素的key和value

遍历并打印出Map各元素的key和value 拿个小本本积累知识点啦！一、使用hm.keySet() package com.gec.lalala;

不念不忘少年蓝@/ 2021年12月15日 07:41/ 0 赞/ 624 阅读

相关如何遍历Map中的key-value

1.遍历Map中的key-value //遍历Map中的key-value Map<String,String> map =new...

小灰灰/ 2020年11月22日 14:09/ 0 赞/ 801 阅读