首页 > 其他 > 详细

Vue中的async和await的使用

时间:2020-02-06 23:17:13      阅读:143      评论:0      收藏:0      [点我收藏+]

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的使用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!