vue遍历map对象

梦里梦外; 2022-12-18 07:58 336阅读 0赞

数据结构如下图：

![在这里插入图片描述][20201026111918745.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center]  
遍历方法：两次v-for

<view  v-for="(item,key) in rechargeTicketRule" :key="key" class="uni-dialog-content clearfix">
       <view class="box" v-for="data in item">
       </view>
    </view>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center 1]  
页面展示效果  
![在这里插入图片描述][20201026112426439.png_pic_center]

[20201026111918745.png_pic_center]: /images/20221122/b62a7d828be045e5aba9a0ebeb0fc972.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221122/87f0cba7b1444b11a94734da6bc8d08b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221122/4461700081be4bc69519e3b8efabf18a.png
[20201026112426439.png_pic_center]: /images/20221122/129b658fa6554189b16d8c97107fddeb.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JS遍历map集合以及map对象

【代码】JS遍历map集合以及map对象。

分手后的思念是犯贱/ 2024年05月23日 22:26/ 0 赞/ 76 阅读

相关 js遍历map(js遍历map对象)

javascript怎么遍历map var map = new HashMap(); map.put(a,1); map.put(b,2); 遍历： va

雨点打透心脏的1/2处/ 2023年10月11日 18:48/ 0 赞/ 86 阅读

相关 vue遍历map对象

数据结构如下图： ![在这里插入图片描述][20201026111918745.png_pic_center] ![在这里插入图片描述][watermark_type_Z

梦里梦外;/ 2022年12月18日 07:58/ 0 赞/ 337 阅读

相关 vue循环遍历map

<div class="form-group row" v-for="(item,index) in paramsMap" :key="index"> <!

r囧r小猫/ 2022年11月28日 13:54/ 0 赞/ 261 阅读

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

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

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

相关 Java中遍历Map对象

下面列出一些最常用的Java遍历Map对象的方法 1、在for-each中使用entrySet遍历这是最常用的遍历方式。在键值都需要时使用。 Map<Str

心已赠人/ 2022年08月04日 12:37/ 0 赞/ 257 阅读

相关遍历map

public static void main(String\[\] args) \{ Map<String, String> map = new HashMap

朴灿烈づ我的快乐病毒、/ 2022年06月01日 06:57/ 0 赞/ 311 阅读

相关【Map】遍历Map

/ 根据学院id查所在校区的id和name集合-王雷-测试成功-2017年10月1日10:41:00 / @Test public v

红太狼/ 2022年05月26日 13:39/ 0 赞/ 313 阅读

相关 map遍历

import java.util.; public class Test{ public static void main(Str

拼搏现实的明天。/ 2022年05月12日 02:30/ 0 赞/ 307 阅读

相关 vue中遍历对象

vue中遍历对象的方法就是JavaScript的方法，有多种方法：第一种：in vue中在计算属性中，定义一个函数letters，因为要把letters用作数组，所以在l

- 日理万妓/ 2022年04月10日 20:01/ 0 赞/ 605 阅读