this.$router 与 this.$route 区别

最新推荐文章于 2024-01-02 21:45:00 发布
最新推荐文章于 2024-01-02 21:45:00 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaw19950302/article/details/88844273
版权

this.$router：

表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法；

this.$route:

表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法；

Ayden.Kang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
解决vue.js this.$router.push无效的问题
12-09
如下所示： login() { if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password... this.$router.push("/") } else { alert("错误
this.$router 和this.$route 的区别
c2311156c的博客
05-21 4637
1. this.$router：    表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法；2. this.$route:    表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法；注：使用的时候注意拼写，两个很像，就差一个字母，经常会因为写错而导致调用的...
this.$ router 与 this.$ route 的区别
qq_45530512的博客
06-16 1754
vue中this.$ router 与 this.$ route 的区别
this.$router和this.$route区别 && 路由传参的2种方式 && this.$route的各种语法
monika_beiluqi的博客
04-05 8492
一 this.$router 和 this. $route 区别 vue官方文档说明: 通过注入路由器，我们可以在任何组件内通过 this.router访问路由器，也可以通过this.router 访问路由器，也可以通过 this.router访问路由器，也可以通过this.route 访问当前路由. 通过打印出: this.$router 和 this. $route : this.$router: 是VueRouter的实例. 包含了很多属性和对象（比如 history 对象），任何页面都可以调用
vue关于this.router 和this.route的总结
水镜先生的博客
01-02 2545
理解vue-route的内容学习
二级路由、路由跳转、 this.$router与 this.$route
weixin_48879122的博客
09-20 2337
简单讲述了二级路由、路由跳转、 this.$router与 this.$route的方法；
vue.js this.$router.push获取不到params参数问题
10-15
主要介绍了vue.js this.$router.push获取不到params参数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
12-29
vue2.0在使用的过程中， .vue文件之间的跳转，在template中的常见写法是： <router to=/miniCard/statement/horizon> ...this.$router.push({path: '/...'}); 希望本文对您有所帮助！ 拓展知识：解决this.$rou
this.$route和this.$router的区别
anbinmei9074的博客
03-20 373
1. this.$router：　　 (个人观点：可以用来传递参数) 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； this.$router.push({ path: '/monitor', query:{ ...
uView使用$u.route无法正常跳转问题
Moon Star
03-15 2457
在uView中，调用$u.route进行页面跳转时，遇到了无法正常跳转的问题
Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法
u010227042的博客
06-11 1752
官房文档里是这样说明的： 通过注入路由器，我们可以在任何组件内通过this.$router访问路由器，也可以通过this.$route访问当前路由 可以理解为： this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。 this.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，可以获取对应的 name, path, para...
关于uni-app中app页面传参及跳转的问题
lailaidhr的博客
05-04 2520
由于是第一次接触这个，很多东西需要摸索，废话不多说直接上重点。 我想实现页面b编写完成保存后跳转回页面a，a页面局部刷新并且控件赋值。 我在网上翻了各种资料，90%都说不到点子上。uni-app官网关于跳转的方法介绍我就不再详细赘述了。感觉都不太符合我的要求。后来找到了一个方法，代码如下： .then(res => { uni.showToast({ title: '操作成功！' }) setTimeout(() => { var p
uniapp 小程序，当返回上级页面传参
h_DK888的博客
09-03 793
1.不是组件式的传参，当返回上级页面时 B页面 this.$u.route({ type:'navigateBack', delta:1, }) uni.$emit("updateBack",{flushR:1}); 返回到A页面 onShow() { uni.$on("updateBack", res => { if(res.flushR == 1){ this.getPhysicalCondition(); } }) }
Vue Router 的params和query传参的使用和区别
qq_26642611的博客
12-25 634
首先简单来说明一下router和router和router和route的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11' ...
this.$router和this.$route的区别，不仅仅是一个单次的区别哟
qq_40409143的博客
11-26 321
this.route和this.route 和 this.route和this.router 这两个对象有什么区别： this.$route 是当前路由跳转对象，包含当前路由的name、path、query、params等属性 　　 如： 可以显示路由的名称 this.$router 是路由导航对象，使用它跳转到其他不同url地址 　　 跳转到不同的地址 ...
Vue中this.$router.replace和this.$router.push的区别
热门推荐
weixin_50723416的博客
08-09 3万+
this.$router.push 跳转到指定URL，向history栈添加一个新的纪录，点击后退会返回至上一个页面。 声明式：< router-link :to = “…” > 编程式：< router.push(…) > // 该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 // 字符串 this.$router.push('/index') // 对象 this.$router.push({path:'/index'}) // 带查询参数，变成/backen
this.$route.params和this.$route.query用法和结果区别
qq_36632604的博客
07-24 1916
1.this.$route.query 地址: js: 控制台: 要用?形式传 得到的结果是将?后面内容转成对象 2.this.$route.params 路由: 地址: js: 控制台: 结果和上面差不多 总结: this.$route.query是?id= 风格获取转为对象 this.$route.params是将路由中设置的:id获取并转为对象 ...
vue之this.$route.params和this.$route.query的区别
m0_63788547的博客
11-03 242
vue之this.$route.params和this.$route.query的区别
this.$router和this.$route区别
最新发布
06-14
你可以使用它来执行路由操作，比如导航（`this.$router.push` 或 `this.$router.go`）、获取当前路由详情 (`this.$router.currentRoute`)、监听路由变化 (`this.$router.beforeEach` 或 `this.$router.afterEach`)等...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值