微信小程序如何嵌套渲染数据

最新推荐文章于 2024-10-08 09:53:47 发布

影子君

最新推荐文章于 2024-10-08 09:53:47 发布

阅读量548

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_44649893/article/details/119965381

版权

微信小程序专栏收录该内容

3 篇文章

订阅专栏

 data: [{
        name: '水果',
        dgroup: [{name:'香蕉'},{name:'菠萝'},{name:'苹果'}]
      },
      {
        name: '蔬菜',
        dgroup: [{name:'茄子'}, {name:'南瓜'}, {name:'辣椒'}]
      },
      {
        name: '鲜花',
        dgroup: [{name:'百合'}, {name:'牡丹'},{name: '兰花'}]
      }
    ]


渲染

<view  wx:for="{{data}}" style="margin:50rpx">
<view style="color:red">{{item.name}}</view>
<view wx:for="{{item.dgroup}}"  wx:for-item="dgroup" >
{{dgroup.name}}
</view>
</view>