微信小程序 picker 自定义数组/对象数组

picker组件相关文档picker | 微信开放文档

文件.wxml

<view class="section"><view class="section__title">自定义普通选择器</view><picker bindchange="bindPickerChangeCity" mode="selector" value="{{cityArray.name}}" range-key="{{'name'}}" range="{{cityArray}}"><view class="picker">当前选择：{{cityArray[index].name}}</view></picker></view>

文件.js

data: {//rangekey: 0,cityArray :[{ name:'北京',id:1}, {name:'上海', id:2}, {name:'天津', id:3 }, {name:'太原', id:4}]}

bindPickerChangeCity: function (e) {console.log('自定义选择器点击的下标', e.detail.value)console.log('这一条的值', this.data.cityArray[e.detail.value])//this.setData({// index: e.detail.value//})},

运行结果