微信小程序如何获取picker普通选择器的值，而不是下标

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

原创最新推荐文章于 2025-03-07 12:59:28 发布 · 1.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

11 篇文章

订阅专栏

本文介绍微信小程序中如何从picker组件获取选择器的实际值，而非下标，详细解析了相关配置和事件处理过程。

微信小程序如何获取picker普通选择器的值，而不是下标

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
    <button type="default">单列选择器---{{array[index]}}</button>
</picker>

bindPickerChange: function(e) {
         var index = this.data.index 
         console.log('picker发送选择改变，携带下标为'+ e.detail.value)
         console.log('picker发送选择改变，携带值为'+this.data.array[e.detail.value])
         this.setData({
              index: e.detail.value,
         })
    },