微信小程序 for循環嵌套怎么取值

 

外層循環正常嵌套，內層循環嵌套的時候，把item.swiper_buy作為數組循環wx:for="{{item.swiper_buy}}"，然后給item重新命名wx:for-item="cell"，內部循環的時候，就是{{cell.屬性}}

 

 

wxml:

    <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>

 

　　js:

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: "有效期內可以享受日常課"
      },
    ]
  }

　　參考：https://blog.csdn.net/weixin_38930535/article/details/79152627

　　參考：https://www.cnblogs.com/handsomeBoys/p/6599062.html