Vue3中setup使用async异步导致页面空白
平时在使用setup时,避免不了要在里面的函数使用异步,而在setup中直接使用async/await虽然可以得到数据,但是页面会白屏,解决方案如下。
只需使用Suspense组件包裹RouterView就可以了
注意,我的RouterView是在根目录App.vue中
<template>
<Suspense>
<!-- 使用Suspense 可在setup中使用async -->
<RouterView />
</Suspense>
</template>