欢迎光临
我们一直在努力

微信小程序picker选择器如何循环遍历对象数组,如何使用数组对象

微信小程序picker如果使用对象数组?picker如何遍历对象数组

直接上代码:下在js端声明的测试对象数组

//js 的代码
//创建对象数组 
data: {
	productList: [{ "id": 142, "product_name": "苹果", "user_id": 1 }, { "id": 143, "product_name": "西瓜", "user_id": 1 }, { "id": 144, "product_name": "香蕉", "user_id": 1 }]
    },

关键属性设置:range-key 这里面的值就是对象中的一个属性名字,只有设置了这个,下面调用时才会显示,我们这里是显示名称所以我设置product_name

 <picker bindchange="PickerChange" value="{{index}}" range-key="product_name" range="{{productList}}">
    <view class="picker">
                    {{index?productList[index].product_name:'请选择产品'}}
    </view>
</picker>

 

赞(0)
未经允许不得转载:自游互动 » 微信小程序picker选择器如何循环遍历对象数组,如何使用数组对象
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们