picker是从底部弹起的滚动选择器。
mode 为 selector 或 multiSelector 时,range 有效。
当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容。
使用方法如下:

js文件中的data建objectArray变量

objectArray: [
      {
        id: 0,
        name: '美国'
      },
      {
        id: 1,
        name: '中国'
      },
      {
        id: 2,
        name: '巴西'
      },
      {
        id: 3,
        name: '日本'
      }
    ],

页面展示

<view class="section">
  <view class="section__title">普通选择器</view>
  <picker bindchange="bindPickerChange" value="{{index}}" range-key="{{'name'}}" range="{{objectArray}}">
    <view class="picker">
      当前选择:{{array[index]}}
    </view>
  </picker>
</view>

灵感
4 声望0 粉丝