const id = 1111
// 1. 这种方式可以传参，且刷新数据不丢失 id在路由后面浏览器上可见
// this.$router.push({
// path: '/billing',
// query: {
// id: 111
// }
// })
// 2. 这种方式可以传参，且刷新数据不丢失 id的值在路由后面浏览器上可见 在params中取参数
// 需要在路由中做如下配置
// {
// path: '/billing/:id',
// name: 'Billing',
// component: () => import('./views/Billing.vue')
// }
// this.$router.push({
// path: `/billing/${id}`
// })
// 3. 这种方式不可以传参， 浏览器上看不到id
// this.$router.push({
// path: '/billing',
// params: {
// id: 111
// }
// })
// 4. 这种方式可以传参，但是浏览器上不可见，刷新数据会丢失
// this.$router.push({
// name: 'Billing',
// params: {
// id: 111
// }
// })
// 解决刷新数据丢失
// {
// path: '/billing/:id',
// name: 'Billing',
// component: () => import('./views/Billing.vue')
// }
// 5. 这种方式可传参，浏览器上可见，刷新数据不会丢失
this.$router.push({
name: 'Billing',
query: {
id: 111
}
})
vueRouter query和params区别
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 参考：https://blog.csdn.net/weixin_44867717/article/details/...
- 有很多人其实在用vue传递参数的时候发现params接收的参数有时候接收不到，今天我们就聊一下query与para...
- 一、query和params传参区别 query相当于get请求,页面跳转的时候，可以在地址栏看到请求参数而par...
