vue3中suspense使用

最新推荐文章于 2024-09-25 10:10:30 发布

KingIQueen

最新推荐文章于 2024-09-25 10:10:30 发布

阅读量382

点赞数

分类专栏： vue3技术点

本文链接：https://blog.csdn.net/KingIQueen/article/details/121062057

版权

vue.js 前端 javascript

vue3技术点专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<Suspanse>
    <template #default>
        // 自定义组件
        <async></async>
    </template>
    <template #fallback>
        <h1>Loading !...</h1>
    </template>
</Suspense>

自定义异步子组件

捕捉suspense错误

import { onErrorCaptured } from 'vue'

setup() {
    const error ref(null)
    onErrorCaptured(() => {
        error.value = e
        return true  //向上传播
    })
    return {
        error
    }
}