HalseySpicy / Geeker-Admin

✨✨✨ Geeker Admin,基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的一套后台管理框架。
https://admin.spicyboy.cn
MIT License
7.31k stars 1.54k forks source link

定义带参数的路由的正确姿势是怎样的? #245

Closed tlerbao closed 1 year ago

tlerbao commented 1 year ago

我定义了一个路由菜单 /crm/material/:type ,直接访问 url中也有 :type ,所以我把他隐藏了,然后创建了三个不同参数的路由菜单,但是我发现只有最后创建的一个可以访问

又菜的抠脚了,请问正确姿势是怎样的?或者说我这种N个菜单其实path是一样,但是参数不一样的情况应该怎么做呢

CleanShot 2023-06-26 at 22 27 06@2x CleanShot 2023-06-26 at 22 26 45@2x

CleanShot 2023-06-26 at 22 31 08@2x

tlerbao commented 1 year ago

然后 /xxx/xxx?type=xxx 形式又不行,直接404

CleanShot 2023-06-26 at 22 46 02@2x CleanShot 2023-06-26 at 22 44 33@2x
HalseySpicy commented 1 year ago

https://docs.spicyboy.cn/guide/router.html

tlerbao commented 1 year ago

@HalseySpicy 你可能没太理解我的意思小老板

首先

如果我新建一个隐藏的 /xxx/:type 形式的路由(菜单),那么我在页面中的各种链接或按钮 /xxx/article, /xxx/video,/xxx/images 都可以正常路由过去,因为菜单里只有一个 /xxx/:type 的路由 (菜单)

但是我想把 /xxx/article, /xxx/video,/xxx/images三个全弄菜单离去也就是三个菜单 而 article和video和image我相依:type路由参数的形式获取来区分数据列表的不同展示。但是肯定不行

其次

其实我完全不用管:type形式,直接新建三个菜单/xxx/article, /xxx/video,/xxx/images,然后用解析路由最后一位的方法来区分,但是又好像很傻比

然后

新建 /material?type=article 这种形式路由菜单访问会直接404,不能支持 ?type=article 的形式吗?

HalseySpicy commented 1 year ago

直接私信我吧