web建站教程
     
  1. 首页
  2. 前端UI组件库
  3. AI项目和框架
  4. AIGC工具
  5. 百度echarts
  6. 地图大全
  7. 前端知识
  8. 更多
    vuejs
    js入门
    php入门
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    AI应用

vuejs如何利用async/await实现同步

1121 ℃

vuejs如何利用async/await实现同步,下面web建站小编给大家详细介绍一下具体实现代码!

具体代码如下:

data() {
  return {
    userInfo: {
        username: ''
    },
  }
},
methods:{
  async getUserInfo(params) {
     let _this = this;
     let isSuccess = false;
     await this.axios({
         url: "login",
         headers: {
           'Content-Type': 'application/json;charset=utf-8'
         },
         method: "post",
         params: {
             'userName': _this.form.username
  	   }
     }).then(function (resp) {
         _this.userInfo = resp.data;
         console.log("1");
         isSuccess = true;
     });
     return isSuccess;
  },
  
  onSubmit(formName) {
    let _this = this;
    this.getUserInfo(_this.form.username).then(function (result) {
      if (result) {
        _this.$refs[formName].validate((valid) => {
          if (valid) {
            console.log("2");  
            console.log(_this.userInfo);
          }
       })
      }
    })
  }
}

script标签中有哪些属性

js如何实现异步任务队列(异步加载)的方法

es6语法中有哪些保留字

async和await是es6语法还是es7语法(附代码介绍)

vuejs利用async和await函数做一个红绿灯效果

标签: async await

上面是“vuejs如何利用async/await实现同步”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_3447.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 首页 > vuejs
Trae:新一代免费的AI编程工具

呱呱工具箱

一款免费的在线小工具,无需下载,打开即可使用!呱呱工具箱

在线育儿补贴计算器

快来看看你到底可以领到多少补贴!生活小工具
上一篇:
下一篇:
x 打工人ai神器