小程序 嵌套循环,以及下标的设置

    xiaoxiao2022-07-02  101

    小程序 嵌套循环,以及下标的设置

     

    一. wxml

    <view wx:for="{{twoList}}" wx:key="index"> <view> {{index+1}}、{{item.name}} </view> <view wx:for="{{item.twodata}}" wx:for-index="id" wx:for-item="twodata" > --{{id}}----{{twodata.name}}---{{item.name}} </view> </view>

    有点时候需要在第二层循环上加(wx:key="id"),具体看情况了


    二.js

    Page({ /** * 页面的初始数据 */ data: { twoList:[{ name:'应季鲜果', twodata:[{ 'name':'鸡脆骨' },{ 'name':'鸡爪' }] },{ name:'精致糕点', twodata:[{ 'name':'羔羊排骨一条' },{ 'name':'微辣' }] },{ id:3, name:'全球美食烘培原料', twodata:[{ 'name':'秋刀鱼' },{ 'name':'锡箔纸金针菇' }] }] }, })

     

    三.效果展示

    最新回复(0)