微信小程式巢狀迴圈 實現商品規格的選擇

//properties是從介面獲取到的

<
!--資料--
>
="selectsize_content"
>
for=
"}" wx:key=
"item" wx:
for-index=
"id"
>
="content_title"
>
}<
/view>
='content_list'
>
for=
"}" wx:key=
"items"
>
="}" data-select-index=
"}" data-attr-index=
"}" data-content=
"}" data-proid=
"}:}"
bindtap=
'clickmenu'
>
}<
/text>
<
/block>
<
/view>
<
/block>
<
/view>
//商品規格
wx:if=
"}" price=
"}" title=
"}" thumb=
"}"/
>
wx:if=
"}" price=
"}" title=
"}" thumb=
"}"/
>

;// 必須重新渲染資料

that.

setdata()

let proid = event.currenttarget.dataset.proid;

//55683:567318

if(that.data.str =="")

else

else")

that.data.str = that.data.str.

replace

(reg,proid);}

// console.log(that.data.str)

}//獲取規格後的價錢

沒有選擇商品規格的效果

選擇商品規格的之後的效果

微信小程式 商品規格的選擇和巢狀迴圈

1,首先看我們的wxml content wx key item wx for index id content title content list wx key items data select index data attr index data content data proid bin...

微信小程式 template的迴圈巢狀

在實際運用中，需要做到template裡面再巢狀一層迴圈。我們先看一下資料結構 模板是用於迴圈list，現在的需求是在模板裡面巢狀乙個orderitemlist的迴圈。寫法也是wx for，如下 order.orderitemlist 裡面的order 是你在引用模板的時候，取的for item名字...

微信小程式 template的迴圈巢狀

在實際運用中，需要做到template裡面再巢狀一層迴圈。我們先看一下資料結構 模板是用於迴圈list，現在的需求是在模板裡面巢狀乙個orderitemlist的迴圈。寫法也是wx for，如下 order.orderitemlist 裡面的order 是你在引用模板的時候，取的for item名字...