vue中 this.$route.query和 this.$route.params 的使用与区别

本文主要是介绍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 的使用与区别的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！