Vue3 动态路由实现的一种方法-6. 使用动态路由后刷新白屏

时间:2024-10-14 07:38:31
  • 刷新页面会导致加载到路由器的动态路由丢失,需要在刷新的同时将动态路由重新加载到路由器
  1. 从登录页面进入时加载一次动态路由(登录的请求完成后,页面跳转之前)
  2. 在pinia加载后,route加载前重新加载一次动态路由到路由器
  • pinia改写
import { createPinia } from 'pinia'
import type { App } from 'vue'
import { useLoginStore } from '@/stores/login'

function setupPinia(app: App<Element>) {
  const pinia = createPinia()
  app.use(pinia)	// 加载pinia
  // 初始化角色菜单,加载路由到路由器
  const loginStore = useLoginStore()
  loginStore.setRoleMenu()
}
export default setupPinia


// main.js
setupPinia(app)