在mpvue中使用小程序自带的picker

文档

小程序 picker 用法

在小程序中

html

  <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
    <view class="picker">
      当前选择：{{array[index]}}
    </view>
  </picker>

js

bindPickerChange: function (e) {
  console.log('picker发送选择改变，携带值为', e.detail.value)
  this.setData({
    index: e.detail.value
  })
}

在mpvue中

html

<picker :value="index" :range="array" @change="bindPickerChange">
// 注意这里的写法 :value,@change
  <view class="picker">
    筛选：{{array[index]}}
  </view>
</picker>

js

pickerChange: function (e) {
//注意这里的写法
  console.log(e.mp.detail.value)
  console.log('picker发送选择改变，携带值为', e.mp.detail.value)
  this.index = e.mp.detail.value
}