微信小程序单列选择器
时间: 2024-10-07 11:04:18 浏览: 25
微信小程序 -- 年月日时分秒 picker 选择器
微信小程序的“单列选择器”组件通常指的是`picker`组件,它是一个下拉列表,用户可以选择其中的一个选项。这个组件常用于让用户从预设的一组值中做单选选择。`picker`的基本结构包含两部分:一个是选择器视图,显示选项;另一个是数据绑定,即需要设置`value`属性来保存用户的当前选择。
使用示例:
```html
<view class="section">
<picker bindchange="bindPickerChange" value="{{selectedValue}}">
<view class="picker">
<view class="picker-item">选项一</view>
<view class="picker-item">选项二</view>
<!-- 更多选项... -->
</view>
</picker>
</view>
<script>
Page({
data: {
selectedValue: '0', // 初始默认值
},
bindPickerChange: function(e) {
console.log('picker值改变,新的值为:', e.detail.value);
this.setData({ selectedValue: e.detail.value });
}
});
</script>
```
在这个例子中,当用户点击不同的选项时,`bindPickerChange`函数会被触发,并更新`selectedValue`的数据到后台。
阅读全文