小程序picker下拉时出现undefined

梦到韩大厨

于 2019-08-30 10:48:19 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/x007008009/article/details/100151522

本文详细介绍了微信小程序中使用的下拉选择器组件，包括其属性设置、数据绑定及事件处理。通过实例展示了如何使用picker组件实现公司名称的下拉选择功能。

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

  <picker name="company" bindchange="bindCompanyChange" range="{{company}}" range-key="companyFullName" value="{{index}}">
         <view class="picker p2">{{company[companyindex].companyFullName}}
                 <image class="laxiaimage" src="/images/xiala.png"></image>
         </view>
</picker>

[
{
    companyFullName: "黄河财产保险股份有限公司",
    companyid: 44
},
{
    companyFullName: "融盛财产保险股份有限公司",
    companyid: 45
}
]

data中的数据 companyindex 代表选中的下标默认为0 点击事件为下边

  bindCompanyChange: function (e) {
    this.setData({
      companyindex: e.detail.value
    })
  },

range-key 是下拉框中显示的数据