所以我正在像這樣動態加載一些組件:const Page0 = () => import("@/components/pages/tutorial/Pages/Page0")const Page1 = () => import("@/components/pages/tutorial/Pages/Page1")還有 10 個這樣的頁面,將根據路由參數調用它們。我想知道我如何知道某個頁面是否已加載,以創建加載屏幕,以及我如何知道它何時被切換。這就是我完全使用它的方式。<template> <div> <component :is="current_page"></component> </div></template><script> const Page0 = () => import("@/components/pages/tutorial/Pages/Page0/index.vue") const Page1 = () => import("@/components/pages/tutorial/Pages/Page1/index.vue") export default { scrollToTop: true, components: { Page0, Page1, }, computed: { current_page () { return "Page" + this.page } }, asyncData ({ route, store, env, params, query, req, res, redirect, error }) { return { page: params.page } } }</script>
如何知道動態組件何時完全加載
慕村9548890
2021-06-29 21:01:19