当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

本文详细介绍了微信小程序中picker组件的使用方法,特别是当range属性为ObjectArray时,如何通过range-key属性正确显示选择器的内容。文章通过实例对比了字符串数组和对象数组的不同表现,并给出了正确的range-key设置方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

range-keyString 当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

 

在实验微信小程序时

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">

<view class="picker">

当前选择:{{array[index]}}

</view>

</picker>

array: ['美国', '中国', '巴西', '日本'],

以上正常,后来看到还有一个objectArray,试试吧

objectArray: [

{

id: 0,

name: '美国'

},

{

id: 1,

name: '中国'

},

{

id: 2,

name: '巴西'

},

{

id: 3,

name: '日本'

}

],

<picker bindchange="bindPickerChange" value="{{index}}" range="{{objectArray}}" range-key="{{name}}">

结果picker 显示的都是[object Object],

仔细看了看类型 原来是String , 改成 range-key="{{‘name’}}"  ,显示正常

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值