问题描述
之前说过，vue路由传参有两种方式，分别是query和params；query是明文，params是隐藏的；
今天在使用params的时候发现获取不到参数了
我的写法：
1、 路由配置：
{
path:'/about',
name:'about',
component:About
},
2、跳转：
this.$router.push({
name:'about',
params:{
id:1
}
})
3、接收：
console.log(this.$route.params);
4、结果：
得到一个警告和空对象
原因
查看链接4.1.4更新日志发现官方做了删除替代，那这样的话，这种方式就不能使用了，可以通过pinia(vuex)等进行传递
params的正确用法
本身params的定义是为了给动态路由使用的，比如
1、 路由配置：
{
path:'/about/:id',
name:'about',
component:About
},
2、跳转：
this.$router.push({
name:'about',
params:{
id:1
}
})
或者
this.$router.push({
path:'/about/1',
})
3、接收：文章来源：https://www.toymoban.com/news/detail-685977.html
console.log(this.$route.params);
4、结果：
文章来源地址https://www.toymoban.com/news/detail-685977.html
到了这里，关于Vue Router不要再使用params传参了，params获取不到参数，官方删除params传参的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[Vue Router warn]: Discarded invalid param(s) “id“ when navigating. Seexxxxxxxfor more details](https://imgs.yssmx.com/Uploads/2024/02/465186-1.png)
