CNode

vue切换视图传递可选参数

问答
Bbroven发布于10 年前最后回复10 年前2 回复7308 浏览0 收藏

项目里用了vue-router, 别的视图跳转过来有时会传递一个参数,有时没有,这时在路由里配置 'path/:参数' , 好像必须提供一个参数才行.. 请问这怎么传递? 第一次用vue-router..

查看回复

回复 (2)

J
jimliang#1·10 年前

可以通过query传参,有两种方式

<router-link to="/user/xxxx?name=jim"></router-link>

或者

router.push({ path: '/user/xxxxx', query: { name: 'jim' }})
I
icantunderstand#2·10 年前

你可以看一下官网的例子 动态路由 我刚才试了下 如果你这样 user/:name的路由 匹配组件 A 那么 user/11 user/22 都能匹配到组件A 但是user/的话就匹配不到A了 但是你可以通过正则匹配的方案去实现
正则匹配

也就是 你可以这样去匹配 一个路由
untitled1.png 正则不是特别懂 这个应该是贪婪吧 优先匹配有id情况 没有就回退 也就是能匹配 /user/11 /user

参与回复
登录后即可参与回复。登录