vue3 后台管理系统关于路由遇到的一些小问题

1、一些现象

现象1

 一般我们后台管理系统的路由读不会带参数无论是query还是params类型的参数,原因就是只要参数不一样,就会出现新的tab、就像下面这样

 就是明明是一个页面的内容,只不过是不同的角色,但是却出现了两个权限配置的tab,常规后台管理系统不会这样的,所以一般我们路由跳转url上面是不会出现参数的仅限于类似于这种后台管理系统)

 现象2

使用编程式路由跳转,跳转到的页面,关掉后,内容区域还是显示,而且可以操作,但是其对应的tab已经关闭,就很奇葩

 把权限配置的tab关掉后

 全权限配置的tab关掉后,其对应的页面内容还是存在,这就不太行,所以如果后台管理系统需要进行路由跳转,推荐使用RouterLink 进行跳转,这样才不会出现上面的问题,如果跳转需要携带参数,可以跳转前吧需要的参数放到sessionStroage然后再新的页面再从sessionStroage里面取出来即可

我这边就是需要携带参数的,在跳转前的页面进行的操作

 在要跳转到的页面做的操作

 就是红框框里面的内容

以上便是我再项目目中遇到的一些问题及解决办法,欢迎大佬指正!!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3后台管理系统路由可以使用Vue.js官方提供的路由管理vue-router来实现。vue-router与Vue.js紧密耦合,非常方便与Vue.js一同使用。 在Vue3后台管理系统中,可以使用iView admin作为基于Vue.js的后台集成解决方案。iView admin搭配使用iView UI组件库,可以实现风格统一、设计考究的管理界面,并且还在不断地开发中,新增更多功能。 在配置路由时,可以在vite.config.ts文件中进行插件配置。可以使用@vitejs/plugin-vue插件来处理Vue文件,同时可以使用vite-plugin-svg-icons插件来处理SVG图标。在配置插件时,可以设置SVG图标的路径和生成的symbol的id格式等。 综上所述,Vue3后台管理系统路由可以使用vue-router进行管理,可以结合iView admin作为后台集成解决方案,同时可以在vite.config.ts文件中进行插件配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue--》Vue3打造可扩展的项目管理系统后台的完整指南(一)](https://blog.csdn.net/qq_53123067/article/details/130817908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [基于iView的Vue 2.0管理系统模板](https://download.csdn.net/download/qq_34395892/10893130)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值