uni.showModal点击蒙层关闭showModal属性
时间: 2024-08-13 07:01:36 浏览: 342
JS移动端点击弹出遮罩层
5星 · 资源好评率100%
`uni.showModal` 是 UniApp 中的一个常用组件方法,它用于显示一个模态层,比如弹出框、确认对话框等。当调用这个方法打开模态层后,通常会有一个 "确定" 或者 "取消" 的按钮供用户操作。
如果你想关闭这个模态层,你需要在相应的回调函数中处理用户的操作。如果是在点击“确定”或类似按钮时关闭,通常会在回调函数的 `resolve` 或 `onShowModalClose` 参数中完成。例如:
```javascript
uni.showModal({
title: '提示',
content: '这是一个提示信息',
showCancel: true,
success: function(res) {
if (res.confirm) { // 用户点击了确认
// 关闭模态层
this.$parent.hideModal();
} else if (res.cancel) { // 用户点击了取消
console.log('用户取消');
}
},
})
```
这里的 `hideModal()` 是假设你在一个包含 modal 层的页面里,可以使用 `$parent` 指向模态层的父组件,并调用其隐藏方法。如果你的项目结构不同,需要调整这个部分以适应实际情况。
阅读全文