this.router.go()和this.$router.push()

最新推荐文章于 2023-09-27 11:13:33 发布
最新推荐文章于 2023-09-27 11:13:33 发布
阅读量393 收藏 1
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51708342/article/details/118977053
版权

Vue.js $router.go $router.push 历史记录 路由导航
关键词由CSDN通过智能技术生成
this.$router.go(val) => 在history记录中前进(1)或者后退(-1)，当val为0时刷新当前页面。 val 为几就会退几步。一般是一步一步的退或进。
this.$router.push(path) => 在history栈中添加一条新的记录。
path 可以是字符串（地址）
也可以是对象 （路由配置对象 跳转到响应的页面）
sunhongyu007
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
路由的四种跳转方式
m0_60695310的博客
09-04 1216
1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}"> // params.
vue路由跳转 返回上一级 this.$router.go(-1) 和返回到指定页面this.$router.push(‘/home‘)
qq_41425267的博客
09-08 1805
1，点击返回上一页 <button @click=“goback”>goback methods:{ goback(){} this.KaTeX parse error: Expected 'EOF', got '}' at position 15: router.go(-1) }̲ 2，点击跳转到/Foo2页面…router.push(’/foo2’) 最常用 或者this.$router.push({name:‘Foo1’})对象的方法 转载于 https://www.cnblogs.com
vue中this.$router.back()、this.$router.go()的区别使用
weixin_45941064的博客
04-08 1万+
vue中this.$router.back()、this.$router.go()的区别使用
vue路由跳转 this.$router.go()
从来不喝毒鸡汤
03-15 3万+
官方文档:https://cn.vuejs.org/v2/guide/migration-vue-router.html#%E7%BC%96%E7%A8%8B%E5%AF%BC%E8%88%AA 1、返回上一頁 &lt;button @click="goback"&gt;返回上页&lt;/button&gt; methods:{ goback(){ this.$router.go...
vue-router
青蛙king的博客
08-08 1万+
一、如何引入并使用Vue Router 使用 Vue.js 通过组合组件来组成单页面应用程序时，如何引入并使用Vue Router 呢？ 第一步，将组件 (components) 映射到路由。 第二步，告诉 Vue Router 在哪里渲染它们。 二、动态路由匹配 三、嵌套路由 四、编程式的导航 五、命名路由 六、命名视图 七、重定向和别名 八、路由组件传参 九、HTML5 History 模式 ...
关于this.$router.push、replace、go的用法和区别
聽風娓娓道來
10-10 4万+
this.$router.push 跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面 // 字符串 this.$router.push('index') // 对象 this.$router.push({path: 'login-pw'}) // 带参数 this.$router.push({path: 'login-pw', query: {'acc...
this.$router.go()和this.$router.push()的区别
马优晨
06-22 5699
this.router.go()和this.router.go()和this.$router.replace的差别 this.$router.go(val) 介绍： 在history记录中前进或者后退val步， - 当val为-1时回到上一页。 - 当val为0时刷新当前页面。 - 当val为1到下一页。 this.$router.go(1) //类似history.forward() this.$router.go(-1) //类似history.back() this.$rout
【vue项目】this.$router.go(-1)返回跳转到系统首页（问题解决）
辰兮要努力
10-23 1万+
【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！ 博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿大家奔赴在各自的热爱里… 文章目录一、业务场景二、拓展提升 一、业务场景 hello本期简单总结一下vue项目中遇到的点击返回按钮跳首页问题 业务场景：如上按.
this.$router.go()和this.$router.push()的差别
diaobiteng1128的博客
03-21 2014
1.this.$router.go(val) => 在history记录中前进或者后退val步，当val为0时刷新当前页面。 2.this.$router.push(path) => 在history栈中添加一条新的记录。 转载于:https://www.cnblogs.com/luyuefeng/p/8618944.html...
Vue------this.$router.back()、this.$router.go()的异同
COCOLI_BK的博客
05-27 5170
返回上一个页面： 1.$router.back() 2.$router.go() 区别点在于： go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留；在返回界面传递参数； this.$router.back():后退 ； this.$router.back(0) 刷新； this.$router.back(1)：前进
vue中this.$router.back()与this.$router.go(-1)返回上一页的区别
weixin_43473436的博客
11-12 6816
go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留； this.$router.back():后退 ； this.$router.back(0) 刷新； this.$router.back(1)：前进 ...
this.$router.go和this.$router.back区别
qq_46738283的博客
09-27 633
【代码】this.$router.go和this.$router.back区别。
this.$router.push()两种常见用法
热门推荐
qq_42552857的博客
07-12 13万+
1、路由传值 this.$router.push() （1） 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的URL （2）当点击 <router-link> 时，这个方法会在内部调用，即点击 <router-link :to="..."> 等同于调用 router.push(...) 　　a) 声明式：<router-link :to="..."> ...
vue项目使用$router.go(-1)返回时刷新原来的界面
line
11-18 4万+
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。 问题如下： 界面1 ： 界面2使用$router.go(-1)返回上一次的界面 由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框 解决方法1： 不要使用...
VUE中路由变化this.$router(push\replace\go\back)
qq_43631129的博客
08-09 3450
vue中路由变化:this.$router.push this.$router.replace this.$router.back this.$router.go
vue返回上一页效果(this.$router.go、)
xqhys的博客
04-16 2133
如何使用点击方式控制当前页返回到上一个路由页面： 查阅相关资料，返回上一目录用到的是 this.$router.go(-1); 将该方法些到返回按钮上，点击触发该方法；具体代码如下: 1.在当前页面添加返回按钮 <!--返回按钮--> <div class="backTo" v-show="isShow"> <span v-on:click="...
this.$router.go(-1)无效
在奔跑中寻找的博客
10-08 8354
问题描述：h5页面放在android的webview中运行的时候，发现this.$router.go(-1)返回失效。 解决思路：在beforeRouteEnter钩子时，使用sessionStorage存储from.path；然后在点击返回的时候使用this.$router.push 代码： beforeRouteEnter(to, from, next) { next(vm => { window.sessionStorage.setItem('lasterRouter', f
vue 之this.$router.push、replace、go的区别
极客on之路
08-21 608
一、this.$router.push 说明：跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面 使用： 1 2 3 4 this.$router.push('/index') this.$router.push({path:'/index'}) this.$router.push({path:'/index',query:{name:'123'}}) this.$router.push({n.
this.$router.go(-1)页面不刷新
小菜张的博客
05-19 4709
两个解决办法 一 使用this.$router.push 这种方法会刷新，但是前提是push的这个页面不是缓存的路由； 二 监听路由 @Watch('$route') private routeChange(){ } 参考https://blog.csdn.net/Nalaluky/article/details/84201445 ...
this.$router和this.$route区别
最新发布
06-14
`this.$router` 和 `this.$route` 是 Vue.js 中的两个重要属性，它们在路由管理中扮演着不同的角色。 1. `this.$router`：这是一个实例属性，代表当前组件所在的路由实例。你可以使用它来执行路由操作，比如导航（`this.$router.push` 或 `this.$router.go`）、获取当前路由详情 (`this.$router.currentRoute`)、监听路由变化 (`this.$router.beforeEach` 或 `this.$router.afterEach`)等。它是 Router 实例的引用，提供了对整个路由系统进行操作的方法。 2. `this.$route`：这是当前组件内部访问的局部变量，它表示当前激活的路由配置。它通常包含了当前路由的详细信息，如路径、名称、参数、哈希（如果在 URL 中有 #）、meta 等。你可以直接读取和修改这个对象来获取或更新路由状态。 简单来说，`this.$router` 更侧重于全局路由管理和操作，而 `this.$route` 则用于获取和处理当前页面具体的路由数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值