本文主要是介绍vue中 this.$route.query和 this.$route.params 的使用与区别,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
vue中 this.$ route.query和 this.$ route.params 的使用与区别
this.$route.query 的使用
1、传参数
this.$router.push({
path:'home',
query:{
id:id
}
})
2、获取参数
this.$route.query.id
3、在url中形式(url中带参数)
https://172.123.444.802.com:8026/#/home?id=1
页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显示存在
this.$route.params的使用
1、传参数
this.$router.push({
path:'home',
query:{
id:id
}
})
2、获取参数
this.$route.params.id
3、在url中形式(url中不带参数)
https://172.123.444.802.com:8026/#/home
页面之间用路由跳转传参时,刷新跳转后传参的页面,数据不存在
这篇关于vue中 this.$route.query和 this.$route.params 的使用与区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!