1、picker写法
wxml文件
<picker bindchange="bindPickerChange" value="{{areaIndex}}" range="{{area}}">
<view class="picker">
当前选择:{{area[areaIndex]}}
</view>
</picker>js文件
Page({
data:{
areaIndex:0,
area:['北京','广州','上海','深圳']
},
bindPickerChange:function(e){
this.setData({
areaIndex: e.detail.value
})
}
})2、下来框设置picker哪个属性
- value表示选中了picker列表中的第几项,默认为0,即选中第一项
- range设置picker列表中值, 数据类型为数组
注:只需要设置picker的range属性和value属性的值即可
本文介绍了微信小程序中picker组件的基本用法,包括如何在wxml文件中设置picker的属性来实现下拉选择框的功能,并详细解释了value和range属性的作用。

被折叠的 条评论
为什么被折叠?



