微信小程序如何通过代码弹出picker
时间: 2023-09-07 20:11:35 浏览: 45
在微信小程序中,可以通过 wx.showActionSheet 或 wx.showModal 方法弹出 Picker。
1. 使用 wx.showActionSheet 方法弹出 Picker
```javascript
wx.showActionSheet({
itemList: ['选项一', '选项二', '选项三'],
success: function(res) {
console.log(res.tapIndex) // 用户点击的选项下标
},
fail: function(res) {
console.log(res.errMsg)
}
})
```
2. 使用 wx.showModal 方法弹出 Picker
```javascript
wx.showModal({
title: '选择一个选项',
content: '',
showCancel: true,
cancelText: '取消',
cancelColor: '#000000',
confirmText: '选项一',
confirmColor: '#3CC51F',
success: function(res) {
if (res.confirm) {
console.log('用户点击了选项一')
} else if (res.cancel) {
console.log('用户点击了取消')
}
},
fail: function(res) {
console.log(res.errMsg)
}
})
```
其中,wx.showActionSheet 和 wx.showModal 方法的参数可以根据需求进行调整,例如可以修改选项的内容和颜色,或者设置确认按钮的文本等。