波音
波音
  • 发布:2019-11-11 12:33
  • 更新:2019-11-11 13:24
  • 阅读:959

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

分类:uni-app

想用 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 负责人:无 分享
已邀请:
IT梅

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>

要回复问题请先登录注册