小编Has*_*IOU的帖子

在 Vue3 中使用 router-view 中的 async setup() 时,我得到了空白

当我async setup ()在 Vue 3 中使用时,我的组件消失了。我使用了这里找到的解决方案: Why i got Blank when use async setup() in Vue3 ...它有效,但是当我使用router-view.

<template>
    <div v-if="error">{{error}}</div>
    <Suspense>
        <template #default>
            <router-view></router-view>
        </template>
        <template #fallback>
            <Loading />
        </template>
    </Suspense>
</template>

<script>
import Loading from "./components/Loading"
import { ref, onErrorCaptured } from "vue"

export default {
    name: 'App',
    components: { Loading },
    setup() {
        const error = ref(null)
        onErrorCaptured(e => {
            error.value = e
        })
    }
}
</script>
Run Code Online (Sandbox Code Playgroud)

main.js:

import { createApp } from 'vue' …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs3 vue-composition-api

7
推荐指数
1
解决办法
5220
查看次数