confirm(content) { return new Promise((resolve, reject) => { uni.showModal({ title: '系统提示', content: content, cancelText: '取消', confirmText: '确定', success: function(res) { if (res.confirm) { resolve(res.confirm) } } }) }) },这段代码是什么意思
时间: 2024-02-14 18:18:58 浏览: 70
这段代码是一个函数 `confirm(content)`,它返回一个 Promise 对象。当函数被调用时,会弹出一个模态对话框,显示 `content` 的内容,并且有一个“取消”按钮和一个“确定”按钮。如果用户点击“确定”按钮,则 Promise 对象被解决(resolve),并且传递给 `resolve` 函数的参数是一个布尔值 `true`。如果用户点击“取消”按钮,则 Promise 对象被拒绝(reject)。这段代码使用了 uni-app 框架中的 `uni.showModal` 函数来创建模态对话框。
相关问题
js 封装 uni.showModal return
`uni.showModal` 是一个封装了小程序原生 API `wx.showModal` 的方法,用于展示一个模态对话框。它的基本语法如下:
```javascript
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
其中,`title` 和 `content` 分别用于设置模态对话框的标题和内容,`success` 是一个回调函数,当用户点击确定或取消按钮时会触发该函数。`res` 参数包含了用户的操作结果,如果用户点击了确定按钮,`res.confirm` 的值为 `true`,否则为 `false`,如果用户点击了取消按钮,`res.cancel` 的值为 `true`,否则为 `false`。
`uni.showModal` 方法的返回值是一个对象,其中包含了一些属性。具体来说,返回值中的 `confirm` 和 `cancel` 属性分别表示用户是否点击了确定和取消按钮,如果用户点击了确定按钮,则 `confirm` 的值为 `true`,否则为 `false`;如果用户点击了取消按钮,则 `cancel` 的值为 `true`,否则为 `false`。例如:
```javascript
let res = uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击了确定')
} else if (res.cancel) {
console.log('用户点击了取消')
}
}
})
console.log(res.confirm) // true 或 false
console.log(res.cancel) // true 或 false
```
隐藏提示框uni.showModal
以下是隐藏提示框uni.showModal的实现方法:
```javascript
// 首先定义一个变量来存储showModal的返回值
let modal = null;
// 调用uni.showModal方法
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
}).then(res => {
// 将返回值赋值给modal变量
modal = res;
});
// 调用uni.hideToast方法来隐藏提示框
if (modal && modal.confirm) {
uni.hideToast();
}
```
阅读全文