js部分:
关键部分:动态双向绑定 pickerValue
data:{
pickerValue:'',
typeIndex: 0,
typeList: [
{name:'请选择',ename:''},
{name:'废灯管',ename:'wasteTube'},
{name:'含油废物',ename:'oilyWaste'},
{name:'废油',ename:'wasteOil'},
{name:'电池',ename:'cell'},
{name:'废电池',ename:'wasteCell'},
{name:'废硒鼓',ename:'wasteToner'},
],
},
Picker: function(e) {
// console.log('picker发送选择改变,携带值为', e.detail.value)
let _index = e.detail.value
this.setData({
typeIndex:e.detail.value,
pickerValue: this.data.typeList[_index].ename
})
//打印
console.log('picker发',this.data.pickerValue)
},
wxml部分:
bindchange:绑定点击方法
range:绑定列表
range-key:列表显示的字段
<picker name="pickerValue" bindchange="Picker" range="{{typeList}}" range-key="{{'name'}}" value="{{pickerValue}}">
<view class="picker">
{{typeList[typeIndex].name}}
</view>
</picker>