微信小程序 wx.showModal
时间: 2023-08-19 21:15:29 浏览: 140
微信小程序模态窗modal组件
wx.showModal是微信小程序中用于显示模态弹窗的函数。它可以在用户交互时弹出一个框,包含确定和取消两个按钮。当用户点击确定按钮时,回调函数的参数为confirm;当用户点击取消按钮时,回调函数的参数为cancel。我们可以在回调函数中根据用户的选择执行相应的操作。[1]
下面是一个示例代码:
```
wx.showModal({
title: '确认下单',
content: '是否确认下单?',
showCancel: true,
complete: (res) => {
if (res.cancel) {
// 用户点击了取消按钮
}
if (res.confirm) {
// 用户点击了确定按钮
}
}
})
```
在这个示例中,弹出一个确认下单的模态弹窗,内容为"是否确认下单?",并显示取消按钮。当用户点击按钮后,根据用户的选择执行相应的操作。如果用户点击了取消按钮,会执行`if (res.cancel)`中的代码;如果用户点击了确定按钮,会执行`if (res.confirm)`中的代码。[2]
另外,还有一个示例代码是用于展示一个提示的模态弹窗:
```
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
success (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
在这个示例中,弹出一个提示的模态弹窗,内容为"这是一个模态弹窗"。当用户点击确定按钮时,会在控制台输出"用户点击确定";当用户点击取消按钮时,会在控制台输出"用户点击取消"。[3]
阅读全文