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