微信小程序picker选择器当range 是一个 Object Array 时怎么处理

最新推荐文章于 2025-03-07 12:59:28 发布

skywesdy

最新推荐文章于 2025-03-07 12:59:28 发布

阅读量1.2k

点赞数

分类专栏：程序员微擎文章标签：微信小程序小程序 javascript

本文链接：https://blog.csdn.net/qdtravelsky/article/details/121704136

版权

程序员同时被 2 个专栏收录

3 篇文章

订阅专栏

微擎

3 篇文章

订阅专栏

本文详细介绍了如何在微信小程序中使用Picker组件，当数据源为ObjectArray时，通过设置`range-key`属性为`name`，实现显示并绑定ObjectArray中的name属性值。示例代码展示了在page.js和page.wxml中的具体实现，帮助开发者理解并应用这一功能。

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

微信小程序picker选择器当range 是一个 Object Array 时，不要怕，直接上示例代码：
page.js中data中定义objectArray

objectArray: [
      {
        id: 0,
        name: '美国'
      },
      {
        id: 1,
        name: '中国'
      },
      {
        id: 2,
        name: '巴西'
      },
      {
        id: 3,
        name: '日本'
      }
    ],

page.wxml中写如下：

<picker bindchange="bindPickerChange" range-key="name" value="{{index}}" range="{{objectArray}}">
        <view class="picker">
          {{objectArray[index].name}}
        </view>