1. 程式人生 > >微信小程式 for迴圈巢狀怎麼取值

微信小程式 for迴圈巢狀怎麼取值

外層迴圈正常巢狀,內層迴圈巢狀的時候,把item.swiper_buy作為陣列迴圈wx:for="{{item.swiper_buy}}",然後給item重新命名wx:for-item="cell",內部迴圈的時候,就是{{cell.屬性}}

<block wx:for="{{swiper_object}}" wx:key="index">
    <swiper-item>
      <view class='swiper_in'>
        <view class='head_img'>
          <image src="{{item.head_img}}"></image>
          <view class='head_in'>
            <view class='card_name'>嘻哈幫街舞.{{item.card_name}}</view>
            <view class="card_i">{{item.card_use}}</view>
            <view class='use_region'>{{item.card_region}}</view>
          </view>
        </view>
        <view class='buy_list'>
          <block wx:for="{{item.swiper_buy}}" wx:for-item="cell" wx:key="index">
            <view class="buy_item {{num==index?'current':''}}"   data-index="{{index}}" catchtap='switchTab'>
              <view class='buy_price'>
                <view class='card_price'>¥{{cell.buy_price}}</view>
                <view class='nk_species'>{{cell.card_species}}</view>
              </view>
              <view class='buy_zs'>{{cell.buy_send}}</view>
            </view>
          </block>
        </view>
      </view>
    </swiper-item>
    </block>

data: {

num: 0,

swiper_object:[

{

swiper_buy: [

{

buy_price: "1100",

card_species: "年卡D",

buy_send: "購買1課點"

},

{

buy_price: "2200",

card_species: "年卡C",

buy_send: "購買9課點"

},

{

buy_price: "3300",

card_species: "年卡B",

buy_send: "購買3課點"

}

],

head_img:"../../images/head_img1.png",

card_name:

"次卡",

card_use:"49/課點",

card_region:"本課點全國通用"

},

{

swiper_buy: [

{

buy_price: "1400",

card_species: "一年通",

buy_send: "有效期內享受日課程課"

},

{

buy_price: "2500",

card_species: "兩年通",

buy_send: "有效期內享受日課程課"

},

{

buy_price: "46000",

card_species: "單店通",

buy_send: "贈本企業續存期內"

}

],

head_img: "../../images/head_img2.png"

,

card_name: "少兒暢舞卡",

card_use: "本地使用",

card_region: "有效期內可以享受日常課"

},

]

}