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

2022-02-20 05:15 306阅读 0赞

1.this.$route.query的使用

A、传参数：

this. r o u t e r . p u s h ( p a t h : ′ / m o n i t o r ′ , q u e r y : i d : i d , ） B 、 获 取 参 数 ： t h i s . router.push(\{ path: &\#x27;/monitor&\#x27;, query:\{ id:id, \} \}） B、获取参数： 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][http_172.19.186.224_8080_monitor_id_1]  
D、页面之间用路由跳转传参时，刷新跳转后传参的页面，数据还会显示存在（项目中遇到此问题）

2.this.$route.params的使用  
A、传参数：

this. r o u t e r . p u s h ( n a m e : ′ m o n i t o r ′ , p a r a m s : i d : i d , ） B 、 获 取 参 数 ： t h i s . router.push(\{ name: &\#x27;monitor&\#x27;, params:\{ id:id, \} \}） B、获取参数： this. router.push(name:′monitor′,params:id:id,）B、获取参数：this.[route.params.id][]  
C、在url中形式（url中不带参数）  
[http://172.19.186.224:8080/\#/monitor][http_172.19.186.224_8080_monitor]  
D、页面之间用路由跳转传参时，刷新跳转后传参的页面，数据不存在（项目中遇到此问题）

[route.query.id]: http://route.query.id
[http_172.19.186.224_8080_monitor_id_1]: http://172.19.186.224:8080/#/monitor?id=1
[route.params.id]: http://route.params.id
[http_172.19.186.224_8080_monitor]: http://172.19.186.224:8080/#/monitor

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP和Vue的区别,vue和js区别是什么

vue和js区别：1、js首先都要获取到DOM对象，再对DOM对象进行进行值的修改等操作；2、Vue是首先把值和js对象进行绑定，再修改js对象的值，Vue框架就会自动把DOM

今天药忘吃喽~/ 2023年01月15日 12:25/ 0 赞/ 79 阅读

相关 Vue.use 和 Vue.prototype.xxx 的区别

Vue.use 和 Vue.prototype 两种方式都可以引入插件，它们都是将插件挂载到 Vue 的实例上，这样我们就可以在全局使用这个插件了。 1、Vue.use(

亦凉/ 2023年01月02日 10:28/ 0 赞/ 132 阅读

相关 Vue和React的区别

在我之前写的 [localStorage与Vuex的区别 ][localStorage_Vuex]这篇文章中讲过关于这个类型的题目，其中分析过描述区别，就是求同存异的过程。那接

怼烎@/ 2022年11月16日 13:42/ 0 赞/ 161 阅读

相关 vue面试之watch和computed的区别

在很多面试中都会遇到watch和computed的区别问题 computed 1.是计算值， 2.应用：就是简化tempalte里面\{ \{\}\}计算和处

Dear 丶/ 2022年11月14日 15:57/ 0 赞/ 153 阅读

相关 React和Vue的区别

文章目录 React和Vue的区别 1.监听数据变化的实现原理不同 2.数据流不同 3.组件通信的区别 4.模

素颜马尾好姑娘i/ 2022年10月10日 12:40/ 0 赞/ 106 阅读

相关 angular和vue和react的区别

一些历史 Angular 是基于 TypeScript 的 Javascript 框架。由 Google 进行开发和维护，它被描述为“超级厉害的 JavaScript [

- 日理万妓/ 2022年05月17日 11:00/ 0 赞/ 172 阅读

相关 Vue.js之computed和watch的使用与区别

VUE之computed和watch应用与区别目录： computed watch -------------------- computed

比眉伴天荒/ 2022年05月14日 10:41/ 0 赞/ 175 阅读

相关 angular与vue区别和jquery的区别

angularjs简单介绍和特点　　首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个h

分手后的思念是犯贱/ 2021年09月18日 02:52/ 0 赞/ 396 阅读

相关 Vue.js之computed和watch的使用与区别

VUE之computed和watch应用与区别目录： computed watch -------------------- computed 计算

傷城~/ 2021年07月27日 00:02/ 0 赞/ 378 阅读

相关 vue3和vue2的区别

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

傷城~/ 2021年07月24日 13:33/ 0 赞/ 350 阅读