紫旭
Learning and Developing
elementUI MessageBox prompt模式下异步提交问题

问题

最近写项目发现,使用elementUI的MessageBox的prompt 异步提交数据时,存在点了确定弹窗关闭并且不再执行then下面的指令,自然也就没办法继续执行。

经过一番测试,解决办法为:使用callback方法来代替Promise,示例代码如下

this.$prompt('请输入密码', '管理员登录', {
        confirmButtonText: '确定',
        inputPlaceholder: '密码必须包含大小写字母和数字的组合',
        cancelButtonText: '取消',
        inputPattern: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,16}$/,
        inputErrorMessage: '密码格式不正确',
        callback: function (action, instance) {
          if (action === 'confirm') {
            self.$axios({
              url: self.$serverUrl + '/index/Server/RconLogin',
              method: 'POST',
              data: {你要提交的数据}
            }).then(function (res) {
              if (res.data.status === 'success') {
                self.$message({
                  type: 'success',
                  message: '成功进入管理员模式!'
                })
                self.ServerInfoDialog.adminMode = true
              }
            }).catch(function (error) {
              self.$message({
                type: 'danger',
                message: error.response.data
              })
            })
          }
        }
      })

这样就可以在窗口关闭之后继续执行回调内的代码了。请注意 instance.inputValue 的值就是prompt内输入的信息

赞赏

本站全部博文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
本文永久地址:https://blog.zixutech.cn/archives/328
没有标签
首页      未分类      elementUI MessageBox prompt模式下异步提交问题
https://secure.gravatar.com/avatar/141689cb377e5fa6af643cdb5b5841c2?s=256&d=identicon&r=g

紫旭

文章作者

发表评论

textsms
account_circle
email

紫旭Blog – 学无止境

elementUI MessageBox prompt模式下异步提交问题
问题 最近写项目发现,使用elementUI的MessageBox的prompt 异步提交数据时,存在点了确定弹窗关闭并且不再执行then下面的指令,自然也就没办法继续执行。 经过一番测试,解决办法为:…
扫描二维码继续阅读
2019-08-31
$(function(){ $('.EnlighterJSInfoButton').hide(); })