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

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=
"}:}" bindtap=
'clickmenu'
>
}

3、跟著就是我們的js

clickmenu: function

(event)
// 這個是選中childscurgoods的id
content[selectindex].childscurgoods[attrindex].isselect =
true
;    that.setdata(
)}

.selectsize_content

.content_title
.content_list
.content_list text
**// 商品屬性選中後的樣式**
.active

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

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

微信小程式 template的迴圈巢狀

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

微信小程式 template的迴圈巢狀

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