picker选择器出现object解决办法

德宏大魔王

发布于 2023-08-08 14:38:31

2090

发布于 2023-08-08 14:38:31

文章被收录于专栏：cloud stdiocloud stdio

背景：没错，这次也是做项目遇到的问题，简单的记一下，我之前在做人脉小程序的时候也遇到了，不过那个时候水平太低没能解决，今天解决了我就记录一下

问题是这样的

前端写的假数据是这样的 js：

前端wxml

<picker mode="selector" range="{{array}}" value="{{index}}" bindchange="bindPickerChange" class="picker" style="width:580rpx;">
                            <view>{{array[index]}}</view>
                          </picker>

对接我的数据后 array变成了

{
	"code": 100,
	"data": [
	  {
		"id": 1,
		"funding_name": "财政资金4"
	},
	  {
		"id": 2,
		"funding_name": "企业资金"
	}],
	"msg": "success"
}

可以看到，多了一层嵌套

解决办法：前端wxml 加一个

range-key=“funding_name”

也就是

 <picker mode="selector" range="{{array}}"  range-key="funding_name" value="{{index}}" bindchange="bindPickerChange" class="picker" style="width:580rpx;">
                            <view>{{array[index]['funding_name']}}</view>
                          </picker>

最后成功截图