vue 中路由传参有哪几种方式？
回答·47
最热
最新
- 有三种吧 第一，可以通过 query 的方式也就是？的方式路径会显示传递的参数 第二，可以通过 params 的方式，路径不会显示传递的参数 第三，通过:/的的形式传递传参
- 总结：query 和 params 分别都有三种形式可以传参： router-link 形式 通过 path 匹配路由的编程式导航形式 通过 name 匹配路由的编程式导航形式 而这其中只有 params 方式的 通过 name 匹配路由的编程式导航形式 不会在路径中带有参数（且刷新页面参数丢失），其他都会带有参数值（刷新页面参数不丢失）
- 两种方式：params 和 query。 params 的三种传参方式： 1、router- link 形式传参，在路径中显示参数。 2、通过 path 匹配路由的编程式导航形式传参，在路径中显示参数。 3、通过 name 匹配路由的编程式导航形式传参，不在路径中显示参数。 query 的三种传参方式： 1、router- link 形式传参，在路径？后显示参数。 2、通过 path 匹配路由的编程式导航形式传参，在路径？后显示参数。 3、通过 name 匹配路由的编程式导航形式，在？后显示参数。
- 1.router-link 形式 2.通过 path 匹配路由的编程式导航形式 3.通过 name 匹配路由的编程式导航形式 而这其中只有 params 方式的 通过 name 匹配路由的编程式导航形式 不会在路径中带有参数（且刷新页面参数丢失），其他都会带有参数值（刷新页面参数不丢失）
- 最简单的 path+query 传参，刷新页面会保留传参，但是会显示在 url 上。 第二种 name+params 传参，刷新页面不会保留传参，不会显示在 url 上。 第三种动态传参，跳转的时候直接写在跳转的路径上，但是需要 router 里进行配置。用的也是 params，刷新页面数据会保存。
- push，params ，query 1.使用$router.push 中的 path，需为模板字符串 里面为跳转地址及参数 2.使用 name 匹配路由，使用 params 传参，里面数据会丢失， 3.通过 query 来传递参数这种情况下 query 传递的参数会显示在 url 后面?id=传值
- 三种,默认传参，直接拼接在路径后面。动态传参，需要再路由配置项设置形参。name 传参也需要在路由配置项中配置，query 对象，参数是链接在路径后面，parse 参数是存在内存中，刷新就没有了。
- this.&router.push({ path:"url", query:{ id:1 } }) 接收 comst id=this.&route.query.id params 类似不过 path 改成 name 页面刷新参数会消失 还有就是事件里面?拼接参数
- 单纯使用 vue 的话 props，$emit 和$on，provide 和 inject，query 和 params，vuex，solt 或者利用 js 圆形链 prototype，数据库或者文件等，都可以传递数据，方法有很多种，就看那个适合你的业务需求。让驴儿拉马车也能拉，肯定不如马儿拉的好，总之选择一个适合自己的吧。
- query params state