解决element-ui $prompt无法请求后台接口

示例框架

vue & element-ui

效果图

script

关键：async/await

    import { INSERT_PHONE} from "@/api"; // 封装好的post接口，代码略

    // 分配 aa / 分配 bb （业务需求）
    showAssign(title, data) {
        this.$prompt(
          `分配${title}前，请补充该用户手机号码`,
          `分配${title}提示`,
          {
            closeOnClickModal: false,
            cancelButtonClass: "el-button--info",
            inputPattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
            inputPlaceholder: "该手机号用于收取支付密码，请确保填写",
            inputErrorMessage: "请输入正确的手机号码"
          }
        )
          .then(async ({ value }) => {
            let params = {
              id: data.id,
              phoneNo: value
            };
            await INSERT_PHONE(params).then(res => {
              if (res.code === 10000) {
               // 成功的业务操作（代码略）
              } else {
                // 失败的提示 
                this.$message({
                  center: true,
                  message: res.remark,
                  type: "error"
                });
              }
            });
          })
          .catch(() => {
            return false;
          });
      }
    },