fix

src/App.vue

@@ -8,12 +8,10 @@
 	import { computed } from 'vue'
 	import { useGlobalStore } from '@/stores'
 	const globalStore = useGlobalStore()
-	const loading = computed(() => globalStore.state.loading)
+	const loading = computed(() => globalStore.state.loading || globalStore.state.view_loading)
-
 </script>
 
 <style lang="less">
-
 	#app {
 		font-size: 1.6rem;
 	}

src/router/router-config.ts

@@ -1,8 +1,11 @@
 import router from './index'
+import { useGlobalStore } from '@/stores/global'
 
 router.beforeEach((to, from, next) => {
+	useGlobalStore().setViewLoading(true)
 	next()
 })
 
 router.afterEach(() => {
+	useGlobalStore().setViewLoading(false)
 })

src/stores/global.ts

@@ -3,15 +3,18 @@ import { ref, computed } from 'vue'
 export const useGlobalStore = defineStore('global', () => {
 	const state = ref({
 		loading: false,// 全局loading
+		view_loading: false,// 页面跳转loading
 		homeLeftNavCollapse: false,// 首页左侧导航是否折叠
 	})
 
 	const setLoading = (v: boolean) => { state.value.loading = v }
+	const setViewLoading = (v: boolean) => { state.value.view_loading = v }
 	const setHomeLeftNavCollapse = (v: boolean) => { state.value.homeLeftNavCollapse = v }
 
 	return {
 		state,
 		setLoading,
+		setViewLoading,
 		setHomeLeftNavCollapse,
 	}
 })