微信小程序----组件之picker

效果图

项目结构：

核心代码：

index.wxml

<view class="section">
  <view class="section__title">普通选择器</view>
  <picker bindchange="bindPickerChange" value="{
   {index}}" range="{
   {array}}">
    <view class="picker">
      当前选择：{
   {array[index]}}
    </view>
  </picker>
</view>
<view class="section">
  <view class="section__title">多列选择器</view>
  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{
   {multiIndex}}" range="{
   {multiArray}}">
    <view class="picker">
      当前选择：{
   {multiArray[0][multiIndex[0]]}}，{
   {multiArray[1][multiIndex[1]]}}，{
   {multiArray