Vue 入参为函数，且函数为同步函数，如何在函数内部中使用await函数

最新推荐文章于 2024-08-23 12:25:46 发布

HELLFS

最新推荐文章于 2024-08-23 12:25:46 发布

阅读量166

点赞数 2

分类专栏： vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/zhangruilinmoo/article/details/138250224

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章讲述了如何在Vue组件中，当传入的函数是同步的consumer函数时，内部嵌套使用await调用异步函数，如getUser，并利用nextTick确保异步操作在回调中正确执行。

摘要由CSDN通过智能技术生成

Vue 入参为函数，且函数为同步函数，如何在函数内部中使用await函数


//提前定义好的函数：
export const consumer(callbackFn?: Fn) => {
	nextTick(() => {
      callbackFn(data);
    });
}


//使用：
const result = consumer(data => {
	//....  同步执行
	//异步执行
	(async () => {
		const user = await getUser();
		//.....
	})()
	//....  同步执行
})