数组里面嵌套两个数组，两个数组里面有多套对象，用 v-for循环把value值展示在页面。如何实现？

分类：uni-app

uniapp

想用 v-for 循环出数组里面的数组对象： a1,a2,b1,b2 展示在页面上。

data() {            
    return {  
           PPP:[ {page1:[{ xx: 'a1', yy: 'a2' }, { xx: 'a3', yy: 'a4' } ]}, {page2:[{ xx: 'b1', yy: 'b2' }, ]} ],     
       }  
}

如何实现啊？求高手赐教！！！

2019-11-11 12:33 负责人:无分享

2 个回复

IT梅 - 一个前端开发者

<swiper class="swiper">    
    <block v-for="(item,index,key) in PPP" :key='i'>  
        <block v-for="(itema,indexa,keya) in item">  
            <block v-for="(itemb,indexb,keyb) in itema">   
                <swiper-item v-for="(itemc,indexc,keyc) in itemb">    
                    {{ itemc  }}  
                </swiper-item>    
            </block>    
        </block>  
    </block>  
</swiper>

好用麻烦点个赞同哈~

波音 (作者)

厉害，完美解决了我的盲点。佩服你的思路，我转化到项目上试试。

2019-11-11 16:51

波音 (作者) - 全端开发er

<swiper class="swiper">  
    <swiper-item v-for="(item,i) in PPP" :key='i'>  
        <text>{{ item[i] 这里怎么写？？？ }}</text>  
    </swiper-item>  
</swiper>

该问题目前已经被锁定, 无法添加新回复

数组里面嵌套两个数组，两个数组里面有多套对象，用 v-for循环把value值展示在页面。如何实现？

2 个回复

公告

相关问题

数组里面嵌套两个数组，两个数组里面有多套对象，用 v-for循环把value值展示在页面。如何实现？

与内容相关的链接

2 个回复

公告

相关问题