VUE- 方法嵌套

Posted 2022-08-14 1285026182yuan

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