在使用query时的传参方式, 在使用params时,传参方式
this.$router.push({ this.$router.push({
"path":"路径", name:"路径",
query:{参数} params:{参数}
}) })
接受参数 接收参数
this.$route.query this.$route.params
页面刷新 页面刷新
数据显示在地址栏里面,刷新页面数据不丢失 数据不显示在地址栏里面,页刷新数据丢失。
总结:区别他们之间的写法不同,传参的方式不同,接受参数的方式不同,使用谁,就用谁去接受参数,页面刷新使用query数据不会丢失,显示在地址栏里面,使用params数据不显示地址栏里面,但是数据会丢失。
Vue 路由传参方式的query 和params的区别-------简别版
原文:https://www.cnblogs.com/fyh0912/p/13502972.html