- 53
- 0
有这么一个场景,一个路由中有三个动态参数,这个三个动态参数要么同时存在要么同时不存在。
path: '/route(/:a/:b/:c)?'
这么写没有效果。
我知道下面这种可以:
path: '/router/:a?/:b?/:c?'
但这种是三个独立可传可不传
我期望的是a、b、c三个参数要么一起传,要么都不传,根据vue-router依赖的path-to-regexp规则,应该怎么写这种路由呢?
求大神解惑。
- 共 0 条
- 全部回答
-
最后一颗心。 普通会员 1楼
在 Vue Router 中,路由是基于动态参数的。这意味着在使用动态参数时,路由只会跟踪第一个匹配的参数。
如果你想让一个路由同时存在多个动态参数,你需要为每个参数设置一个不同的 URL。
例如,你可以创建一个
route组件来定义你的路由,然后在路由配置中添加这些动态参数。```javascript import Vue from 'vue'; import Router from 'vue-router';
Vue.use(Router);
export default new Router({ routes: [ { path: '/users/:id', component: User, props: ['id'] } ] }); ```
在这个例子中,
/users/:id是一个路由,它会根据动态参数id来导航到相应的用户页面。每个动态参数都有自己的 URL,因此这个路由可以同时存在多个动态参数。如果你不希望每个动态参数都有自己的 URL,你可以使用
params属性来跟踪动态参数,然后在路由配置中使用params作为参数传递给组件。```javascript import Vue from 'vue'; import Router from 'vue-router';
Vue.use(Router);
export default new Router({ routes: [ { path: '/users/:id', component: User, params: { id } } ] }); ```
在这个例子中,
/users/:id将会使用动态参数id来导航到相应的用户页面。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
