Vue3中的setup前加上async后页⾯不显⽰
问题： Vue3项⽬中，在setup函数前加上了async，使其变成异步函数，导致页⾯空⽩不显⽰？
描述： 最近在学习Vue3项⽬，使⽤了CompositionAPI的书写⽅式，其中有⼀个setup函数，因为在这个函数中使⽤了请求等异步操作，所以需要使⽤async/await，但是在setup前加上async后，导致页⾯空⽩不显⽰了，去掉则页⾯正常显⽰；
解决： 在Vue3中，如果当前组件的setup使⽤了async/await，那么其调⽤组件的⽗组件的外层需要嵌套⼀个suspense标签，例如：
异步组件：
//这⾥是写异步的组件
async setup(){
//内容
}
await和async使用方法调⽤异步组件的⽗组件
<suspense>
<async-component/>
</suspense>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。