vue切换视图传递可选参数
发布于 2 个月前 作者 broven 357 次浏览 来自 问答

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

2 回复

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

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

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

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

或者

router.push({ path: '/user/xxxxx', query: { name: 'jim' }})
回到顶部