用mpvue框架和原生的微信小程序有一定差异性,之前在做选择器的时候用原生的方法怎么都不行,最后找到了解决办法。
代码如下:
<template> <div class="cost-estimation"> <view class="section"> <picker mode="selector" @change="bindPickerChange" :index="index" :range="array"> <view> 当前选择的国家:{{array[index]}} </view> </picker> </view> </div> </template><script> export default { data () { return { array: ['中国', '美国', '日本', '韩国'], index: 0 } }, methods: { bindPickerChange: function (e) { console.log('picker发送选择改变,携带值为', e) this.index = e.mp.detail.value } } } </script> 需要注意的是在mpvue中template部分不是 bindchange 也不是 @click