mpVue微信小程序picker的range-key设置

注意range是变量,但range-key不是,它就只是range变量表示的对象数组里的某个key的名字,所以不需要加冒号在前面,就是这样:range-key="ship"

正确姿势:

// html

// js
data () {
return {
shipName: '',// 显示选择
shipValue: 0,// 这个也要注意是Number类型
shipArr: [
{
ship: ''
},{
ship: ''
}]
}
},methods: {
bindPickerChange (e) {
this.shipValue = e.mp.detail.value // 设置选择的索引
this.shipName = this.shipArr[e.mp.detail.value].ship // 设置显示的选择
}
}

相关文章

判断H5页面环境在微信中还是小程序中 用小程序提供的wx.mini...
wx.reLaunch和wx.navigateTo,wx.navigateTo的区别 2019-03-...
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法...
H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器:...
微信小程序获取data-xx=""属性的值,自定...
小程序报错:TypeError: Cannot read property ‘addEventLi...