当我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)