vue3 使用pinia 持久化失效

组件

  • vue3
  • pinia
    • pinia-plugin-persistedstate
  • router

场景

设置动态路由
在页面刷新的时候会初始化router,所有在router的配置文件中进行了初始化，在这之中使用了store,导致了store 持久化失效

原因

在app.use(router) 之前进行了设置动态路由，在这之中使用了store,导致失效

解决

在router 初始化之后再使用store.

提示：这其中并不会报错提示

vue-router 多层菜单-但路由不嵌套

组件

  • vue3
  • router

    场景

    后台管理系统中，有一个侧边导航栏，这个菜单是可以多级嵌套的，菜单项可以路由，菜单不能路由，这个菜单的树形数据是根据router.getRoutes()获取的

需求

希望路由不要嵌套，所有都展示位2级路由，但是你嵌套路由的写法导致必须要嵌套多个<router-view>

解决

不需要展示的中间路由的component可以为undefined,这样他就只提供了一个路径匹配，没有使用组件，就相当于2级路由
但是中间的路径也匹配不到了,找不到就会走根路径，可以写一个redirect

测试网站

测试记录

哈哈哈