小程序，一个字符串拆分成多个属性文本框进行渲染

JS是这样

 

tempProduct.SizesSplic = tempProduct.Sizes.split(' ‘)

 

小程序的WXML是这样：

 

<view class="page-section-title">尺码确认</view>

<block wx:for="{{product.SizesSplic}}" wx:key="{{index}}" >

 

<view class="page-section-title">{{item}}码（件数） </view>

 

 

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell weui-cell_input">

<view class="weui-cell__bd">

<input class="weui-input" name="sizes_{{item}}" placeholder="请输入件数" />

</view>

</view>

</view>

</block>

 

 

这样就能循环，生成html元素。

 

 

当提交表单时，再遍历，生成键对值

 

var SizeQtys=[];

 

for (var p in e.detail.value) {//遍历json对象的每个key/value对,p为key

var eachSizeQty = {};

if (p.indexOf("sizes_") != -1){

eachSizeQty.size=p.replace("sizes_","");

eachSizeQty.qty = e.detail.value[p];

 

SizeQtys.push(eachSizeQty)

 

}

}