微信小程序picker滚动组件 确认事件
时间: 2023-07-01 18:21:09 浏览: 476
可以使用picker组件的bindchange事件来监听滚动,并将选中的值存储在data中,然后使用确认按钮的bindtap事件来获取存储在data中的选中值,完成确认操作。
具体实现如下:
1. 在wxml中添加picker组件和确认按钮:
```
<view class="picker">
<picker mode="selector" range="{{array}}" bindchange="bindPickerChange" value="{{index}}">
<view class="picker-item">{{array[index]}}</view>
</picker>
</view>
<button class="confirm-btn" bindtap="confirm">确认</button>
```
2. 在js文件中添加bindPickerChange和confirm函数:
```
Page({
data: {
array: ['选项1', '选项2', '选项3'],
index: 0,
selectedValue: ''
},
bindPickerChange: function(e) {
this.setData({
index: e.detail.value
})
},
confirm: function() {
var selectedValue = this.data.array[this.data.index];
console.log('确认选中的值为:', selectedValue);
// 进行确认操作
}
})
```
在bindPickerChange函数中,将选中的值存储在data中的index属性中。
在confirm函数中,使用data中的index属性获取选中的值,并进行确认操作。在本例中,我将选中的值打印在控制台中,你可以根据需要进行相应的操作。
注意,这里的confirm函数是自定义的,不是微信小程序提供的API。你可以根据需要进行相应的操作,比如向后台发送请求等。
阅读全文