vuejs如何利用async/await实现同步 - web建站教程手机端

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://m.ipkd.cn/webs_3447.html

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