query语法
// 传递参数
this.$router.push({
path:"地址",
query:{
id:"1234"
}
});
// 接收参数
this.$route.query.id;
params语法
// 传递参数
this.$router.push({
name:"地址",
params:{
id:"1234"
}
});
// 接收参数
this.$route.params.id;
两者的区别
1.写法不同(可以查看编写路由时候的相关属性,也可以输出一下路由对象信息看一下)
query的写法是用path来编写传参地址
params的写法是用name来编写传参地址
2.接收方法不同(谁接的谁去接收)
query用query来接收
params用params来接收
3.query刷新页面时参数不会消失;params刷新页面时参数会消失(可以考虑本地存储解决)
4.query传的参数在url地址栏中显示;params传的参数不会在url地址栏中显示