小程序开发普通选择器picker中使用objectArray作为变量怎么办

18次阅读

共计 455 个字符,预计需要花费 2 分钟才能阅读完成。

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>

正文完
 0