Vue Promise 必须在外层，放到其它比如ElMessageBox，将不会返回任何值

MyFreeIT

于 2024-07-19 17:29:24 发布

阅读量253

点赞数 2

分类专栏： Script 文章标签：前端 promise

创作源自于MyFreeIT

本文链接：https://blog.csdn.net/MyFreeIT/article/details/140555449

版权

Script 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

当点击switch按钮之前，如果当更新后再刷新的效果不好，需要判断行为，然后再决定是否打开按钮。

正确如下：

  return new Promise((resolve,reject) => {
    ElMessageBox.confirm('Hold?', 'Warning', {
        confirmButtonText: 'Yes',
        cancelButtonText: 'No',
        type: 'warning'
      })
        .then(() => {
          ElMessage.success('Switch success')
          return resolve(true)
        })
        .catch(() => {
          ElMessage.success('Hold Cancel')
          return reject(new Error('Error'))
        })
  })

错误示例如下：

      ElMessageBox.confirm('Release Hold?', 'Warning', {
        confirmButtonText: 'Yes',
        cancelButtonText: 'No',
        type: 'warning'
      })
        .then(() => {
          ElMessage.success('Release Switch success')
          isOpen.value = true
        })
        .catch(() => {
          return new Promise((resolve, reject) => {
            ElMessage.success('Release Cancel')
            isOpen.value = false
          })
        })