前端选台组件数量不确定,是这样写的循环出来的
<block wx:for="{{formProperties}}" wx:key="{{item}}">
<view class="select" wx:if="{{item.type=='enum'}}">
<picker mode="selector" range="{{selectValueArr}}" value="{{selectSubArr}}" bindchange="selectChange" data-index="{{index}}">
<view class="picker-select">
{{selectSubArr[index]}}
<image src="../images/next.png" style="width:30rpx;height:30rpx;position:absolute;top:20rpx;right:20rpx;"></image>
</view>
</picker>
</view>
</block>
js中已经得到后台传来的选项内容
for (var i = 0; i < json.data.formProperties.length; i++) {
optionid[i] = json.data.formProperties[i].id;
var option = optionid[i].split(',');
console.log(option); //可以成功打印
that.setData({
selectValueArr: option
})
}
打印出来的option为
最终渲染出来两个组件的选项内容是一样的,都是 ["负责人", "负责人2"]
应该是for循环的原因,我希望 添加隐患 的选项是 ["岁修", "修缮", "抢险", "安技防"]
用过push方法,感觉更不对了,怎么给他们分别赋值并渲染出来呢?是需要分开写picker组件的代码吗?
解决了吗
只需要一个picker,点到哪个就动态改变range和value