码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中的async和await的使用

时间:2020-02-06 22:44:19      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:图片   简化   syn   val   ons   math   sync   ica   log   

async和await

在Vue中如果某个方法的返回值是Promise对象那么我们可以使用async和await来简化这次Promise操作
  • 注:await只能用在被async修饰的方法中
  • 没有使用async和await
login(){
    this.$refs.loginFormRef.validate(  valid =>{
        console.log(valid);
        if (!valid) return;
        const result=  this.$axios.post("login/loginCheckOut",this.loginForm);
        console.log(result);
    });
}

技术图片

  • 使用了async和await
login(){
    this.$refs.loginFormRef.validate( async valid =>{
        console.log(valid);
        if (!valid) return;
        const result= await this.$axios.post("login/loginCheckOut",this.loginForm);
        console.log(result);
    });
}

技术图片

  • 接着还可以使用{data:res}来解构出data数据
login(){
    this.$refs.loginFormRef.validate( async valid =>{
        console.log(valid);
        if (!valid) return;
        const {data:res}= await this.$axios.post("login/loginCheckOut",this.loginForm);
        console.log(res);
    });
}

技术图片





Vue中的async和await的使用

标签:图片   简化   syn   val   ons   math   sync   ica   log   

原文地址:https://www.cnblogs.com/agoodmanisme/p/55bc7a6a94fd7701410a607acfb3576a.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!