首页 > 其他分享 >vue方法等待结果再执行优化

vue方法等待结果再执行优化

时间:2024-07-08 16:19:00浏览次数:10  
标签:vue 优化 formData data resolve error 方法 等待 append

接着上一篇,还是methods里面有三个方法,A方法,B方法,C方法,我在执行A方法里面调用B方法,B方法需要等待ajax结果回来再去调用C方法,如何更好的实现呢,下面我简化了下代码,写了个dome如下

 

A() {
  // 核实验证码是否正确
  this.B().then(result => {
    if (result){
      this.C();
    }
  })
},
B() {
    return new Promise((resolve, reject) => {
                const verifyCheckCodeUrl = 'https://xxx/sms/login'
                let formData = new FormData();
                formData.append('phone', this.phone);
                formData.append('code', this.checkCode);
                formData.append('registSource', 4);// 网页
                axios
                  .post(verifyCheckCodeUrl, formData, {
                    headers: {
                      'Content-Type': 'multipart/form-data', // 设置请求头
                    }
                  })
                  .then( (data) => {
                    var d = data.data;
                    if (d.code === 200) {
                      // todo 处理token?
                      resolve(true);
                    }else{
                      message(d.message);
                      resolve(false);
                    }
                  })
                  .catch((error) => {
                    console.log('verifyCheckCode error: ', error);
                  });
              });
}

 

标签:vue,优化,formData,data,resolve,error,方法,等待,append
From: https://www.cnblogs.com/warrenwt/p/18290170

相关文章

  • Vue3中drawer组件无法重新回显数据
    不做drawer的时候数据是可以正常回显的,点击详情id是正常传值的,但是使用了drawer组件以后发现只会调用一次详情功能,以后不管点击哪条信息都不会刷新信息永远都是第一条的信息,但是id刷新成功了,后来发现是没有加v-if来判断drawer的打开值,如果您有一样的问题可以参考以下代码......
  • 免费分享一套SpringBoot+Vue超市(进销存,收银,积分)管理系统【论文+源码+SQL脚本】,帅呆
    大家好,我是java1234_小锋老师,看到一个不错的SpringBoot+Vue超市(进销存,收银,积分)管理系统,分享下哈。项目介绍本论文设计并实现了一套基于SpringBoot、Vue和MySQL的超市管理系统。该系统旨在通过现代化的Web应用技术提升超市管理效率和用户体验。首先,通过详细的需求分析和功......
  • Spring Boot Vue 毕设系统讲解 3
    目录项目配置类项目中配置的相关代码springBoot拦截器相关知识一、基于URL实现的拦截器:二、基于注解的拦截器三、把拦截器添加到配置中,相当于SpringMVC时的配置文件干的事儿:项目配置类项目中配置的相关代码首先定义项目认证授权拦截器  AuthorizationIntercep......
  • 搭建VUE开发环境
    了解下VUE搭建环境,可以更好地学习VUE。三步:node.js环境(npm包管理器)vue-cli脚手架构建工具cnpmnpm的淘宝镜像1.安装node.js 在搭建vue的开发环境之前,一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32......
  • vue element 上传到七牛云
    使用网站token生成:点我七牛云上传接口错误码:点我七牛云存储区域上传地址:点我七牛云在线生成token一般是后端生成,使用接口获取(放在后端比较安全)//获取七牛云tokenexportasyncfunctiongetQiniuToken(){consturl='/upload/key';constresult=awaitdefHtt......
  • 从 0 实现一个 vue3 的权限指令 v-permission
    在开发过程中会经常遇到一些权限控制,比如路由的权限控制、按钮的权限控制......
  • javab毕业设计-基于Java的校园二手交易商城系统设计与实现,基于springboot+vue二手跳蚤
    文章目录背景介绍演示视频(进入B站观看画面更清晰):项目架构和内容获取(文末获取)部分功能展示用户前端系统管理后台项目相关文件为什么我?本章节给大家带来的是一个基于java的大学生二手交易平台系统设计与实现,可适用于校园二手交易系统,基于Java的二手交易商城系统,大学......
  • vue中调用问题
    **背景我vue项目methods里面有三个方法,A方法,B方法,C方法,我在执行A方法里面调用B方法,B方法里面调用C方法,就报错了,说TypeError:Cannotreadpropertiesofundefined,这个nextHandleSubmit方法没有被定义,这是为什么?经过问gpt,结果竟然是:在上述代码中,箭头函数内部的this指向的是......
  • 设计与优化淘客返利系统中的分布式缓存架构
    设计与优化淘客返利系统中的分布式缓存架构大家好,我是微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!在设计和优化淘客返利系统中的分布式缓存架构时,我们面临着诸多挑战和考虑因素。本文将探讨如何利用现代缓存技术和分布式系统原理,设计一个高效、可扩展的缓......
  • Spring Boot Redis 集群性能优化(基于 Redisson)
    1.SpringBootRedis集群性能优化(基于Redisson)1.1.版本说明1.2.为什么是Redisson1.3.参数优化1.3.1.Redisson配置参数1.3.1.1.通用参数1.3.1.2.集群参数1.3.1.3.最终参数配置1.4.从Nacos获取Redisson配置1.SpringBootRedis集群性能优化(......