vue之this.$route.params和this.$route.query的区别


A、传参数:

this.$router.push({
         path: '/monitor',
         query:{
               id:id,
          }
})
B、获取参数:
this.$route.query.id
C、在url中形式(url中带参数)
http://172.19.186.224:8080/#/monitor?id=1
D、 页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显示存在(项目中遇到此问题)
 
2. this.$route.params的使用

A、传参数:

this.$router.push({
         name: 'monitor',
         params:{
               id:id,
          }
})
B、获取参数:
this.$route.params.id
C、在url中形式(url中不带参数)
http://172.19.186.224:8080/#/monitor
D、 页面之间用路由跳转传参时,刷新跳转后传参的页面,数据不存在(项目中遇到此问题)
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM