微信小程序 picker 中range-key中要带引号

最新推荐文章于 2024-08-06 14:26:07 发布

原创最新推荐文章于 2024-08-06 14:26:07 发布 · 533 阅读

0 ·

CC 4.0 BY-SA版权

小程序开发问题专栏收录该内容

27 篇文章

订阅专栏

本文介绍小程序中picker组件使用ObjectArray作为range时，如何通过range-key指定对象中的属性作为显示内容。关键在于正确设置range-key，确保其字段名带引号。

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

小程序picker 组件当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

<view class="section">
  <view class="section__title">选择用户</view>
  <picker bindchange="bindPickerChange" value="{{index}}" range="{{list}}" range-key="{{'userName'}}">
    <view class="picker">
      当前选择：{{list[index].userName}}
    </view>
  </picker>
</view>