关于前端:解决elementui-prompt无法请求后台接口

45次阅读

共计 599 个字符，预计需要花费 2 分钟才能阅读完成。

vue & element-ui

要害：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;});
      }
    },

正文完