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

闲来无事垂钓

已于 2022-08-15 11:03:09 修改

阅读量7k

点赞数 3

分类专栏：微信小程序学习笔记文章标签：小程序微信小程序 picker组件小程序下拉小程序picker数组

于 2020-04-07 15:33:03 首次发布

本文链接：https://blog.csdn.net/qq_39109182/article/details/105365710

版权

微信小程序学习笔记专栏收录该内容

40 篇文章 14 订阅

订阅专栏

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
    //})
  },

运行结果