小程序piker选择器

piker是微信小程序自带从底部弹起的滚动选择器。
1.普通选择器：mode = selector
2.多列选择器：mode = multiSelector
3.时间选择器：mode = time
4.日期选择器：mode = date
5.省市区选择器：mode = region

小程序官方piker

下面简单实现一个普通选择器

.wxml

        <picker bindchange="bindPickerChange" value="{{sell_class}}" range="{{array}}">
        // view的作用是显示出自己选择后的内容
          <view value="{{objectArray[sell_class].name}}">-{{objectArray[sell_class].name}}-</view>
        </picker>

.js

  data: {
    array: ['手机数码', '运动休闲', '生活用品', '书籍资料', '免费区', '其他'],
    objectArray: [{
        name: '手机数码'
      },
      {
        name: '运动休闲'
      },
      {
        name: '生活用品'
      },
      {
        name: '书籍资料'
      },
      {
        name: '免费区'
      },
      {
        name: '其他'
      }
    ],
  },
  
  bindPickerChange: function(e) {
    this.setData({
      sell_class: e.detail.value
    })
  },