VUE- 方法嵌套

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