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

╰+攻爆jí腚メ 2022-02-20 05:15 387阅读 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 条评论，387人围观）

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

相关阅读

相关 vue 和 react 的区别

. vue 的表单可以使用 v-model 支持双向绑定，相比于 react 来说开发上更加方便，v-model 是个语法糖，本质上和 react 写表单的方式没什么区...

我就是我/ 2024年04月18日 12:00/ 0 赞/ 17 阅读

相关 vue和react的区别之我见

react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。 1.数据是不是可变的 r

以你之姓@/ 2023年02月14日 15:39/ 0 赞/ 63 阅读

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

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

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

相关 Vue和React的区别

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

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

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

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

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

相关 React和Vue的区别

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

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

相关 angular和vue和react的区别

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

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

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

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

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

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

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

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

相关 vue3和vue2的区别

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

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