小程序wxml数组的循环赋值

在三个swiper页面中分别显示不同的页面名称和页面内容。一开始想用两个数组循环遍历,实在菜鸟,不会。只好放在一个数组里面。

tabList: [{

      "id": 1,

      "name": 'tab1',

      ilist: [{

        "id": 11,

        "title": "第一个标题",

        "content": "第一个内容"

      }, {

        "id": 12,

        "title": "第一个标题",

        "content": "第二个内容"

      }]

    }, {

      "id": 2,

      "name": 'tab2',

      ilist: [{

        "id": 21,

        "title": "第二个标题",

        "content": "第一个内容"

      }, {

        "id": 22,

        "title": "第二个标题",

        "content": "第二个内容"

      }]

    }, {

      "id": 3,

      "name": 'tab3',

      ilist: [{

        "id": 31,

        "title": "第三个标题",

        "content": "第一个内容"

      }, {

        "id": 32,

        "title": "第三个标题",

        "content": "第二个内容"

      }]

    }],

<swiper style="height:{{filter.getHeight(tabBoxHeight, list.length)}}rpx" class="tab-swiper" current="{{currentTab}}" bindchange="switchSwiper" background-color='#eeeeee'>

    <swiper-item wx:for="{{tabList}}" wx:key="{{id}}">{{item.name}}

      <scroll-view scroll-y class='section_positions' wx:if="{{list.length > 0}}" height="{{auto}}">

        <view class='position_list' wx:for="{{item.ilist}}" wx:for-item='ilist' wx:for-index="{{id}}" wx:key='{{id}}' id="{{ilist.id}}">

          <text class='title'>页面内容#{{ilist.id}}:{{ilist.content}}%</text>

          <input class='newList' type='text' bindinput='newListInput' placeholder='请输入新的页面内容'></input>

          <button bindtap='modfyList' type='primary' id='swiperButton' data-id="{{index}}" data-title="{{item.title}}" data-content="{{item.content}}" >更改页面内容</button>

        </view>

      </scroll-view>

    </swiper-item>

  </swiper>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。