路由的传参与取值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了路由的传参与取值相关的知识,希望对你有一定的参考价值。

参考技术A 在Vue中使用this.$router传递参数有两种方式:

第一种

传递参数  -- this.$router.push(path: ' 路由 ', query: key: value)

参数取值  -- this.$route.query.key

使用这种方式,传递参数会拼接在路由后面,出现在地址栏

第二种

传递参数  -- this.$router.push(name: ' 路由的name ', params: key: value)

参数取值  -- this.$route.params.key

使用这种方式,参数不会拼接在路由后面,地址栏上看不到参数

由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

thinkphp5 现在开启强制路由,想要传递多个参数,做筛选功能的传参数功能,在route.php,怎么定义路由

Route::rule('/screen/screen_add/:id','admin/screen/screen_add');
类似 这个只能传参数id一个 我要传多个
开启了强制路由 Route::rule('/screen/screen_add/:id','admin/screen/screen_add');

<li><a href="/main/index/id=0&name=1">不限</a></li>这样是可以的
后面接参数就可以了

参考技术A 用&连接不同键值试试本回答被提问者采纳

以上是关于路由的传参与取值的主要内容,如果未能解决你的问题,请参考以下文章

路由组件的传参

Vue入门十路由的传参和取参

关于ng路由的传参问题(传递一个,多个参数)

Vue通过JS跳转路由

Vue-router的传参方式和router使用技巧

路由传参 query 和 params