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

VUE- 方法嵌套

时间:2019-08-22 12:55:20      阅读:687      评论:0      收藏:0      [点我收藏+]

标签:details   resolve   class   tail   bsp   response   返回   sdn   perl   

VUE- 方法嵌套

 

 

vue在一个方法执行完后执行另一个方法
用Promise来实现。
Promise是ES6的新特性,用于处理异步操作逻辑,用过给Promise添加then和catch函数,处理成功和失败的情况

ES7中新提出async搭配await,建议使用async搭配await。
使用方法:async/await使用方法 

 

1. Promise的使用方法

function2(){
    // 你的逻辑代码 
    return Promise.resolve(/* 这里是需要返回的数据*/)
}

function3(){
    // 你的逻辑代码 
    return Promise.resolve(/* 这里是需要返回的数据*/)
}

// 调用
function1(){
    this.function2().then(val => { 
        this.function3();
    });
} 

 

 

 

2. async/await使用方法

 

async getScheduleList(selectDate) {
    let response;
    // 这里request为向服务的发请求的方法
    await request(api.getScheduleList, {
        date: selectDate
    }).then(res => {
        response = res;
    });
    return response
}

init() {
    this.getScheduleList(selectDate).then(res => {
        console.log(res)
    })
} 

 

 

swichMenu: async function() {
    //点击其中一个 menu
    const num = await  getNum()
    return num
}

swichMenu().then(res => {
    console.log(res)
})

 

 

 

 

引用:https://blog.csdn.net/superlover_/article/details/79715202

VUE- 方法嵌套

标签:details   resolve   class   tail   bsp   response   返回   sdn   perl   

原文地址:https://www.cnblogs.com/1285026182YUAN/p/11393522.html

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