vue路由跳转 返回上一级 this.$router.go(-1) 和返回到指定页面this.$router.push(‘/home‘)

最新推荐文章于 2024-05-14 11:20:12 发布
最新推荐文章于 2024-05-14 11:20:12 发布
阅读量3.8k 收藏 1
点赞数
分类专栏： vue 文章标签： vue 路由 router go push
原文链接：https://www.cnblogs.com/zyyweb/p/9578392.html
版权 
1，点击返回上一页
<button @click="goback">goback</button>
methods:{
  goback(){}
  this.$router.go(-1)
}
2，点击跳转到/Foo2页面
<button @click="ToLink1">goback</button>
ToLink1(){
  this.$router.push('/foo2') 最常用
或者this.$router.push({name:'Foo1'})对象的方法
HD243608836
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue router返回上一级
weixin_58018769的博客
08-11 6565
router.push()方法可以用来跳转到指定的页面，其中可以传入一个字符串参数，表示页面跳转的路径，如果传入'back'，表示返回上一页。window.history.go()方法可以用来跳转到指定的页面，其中可以传入一个参数，表示页面跳转的层级，如果传入-1，表示返回上一页。router.go()方法可以用来跳转到指定的页面，其中可以传入一个参数，表示页面跳转的层级，如果传入-1，表示返回上一页。5.使用window.history.back()方法。2.使用router.back()方法。
Vue 路由 跳转【返回、刷新、跳转】
最新发布
2401_84094908的博客
05-14 472
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
vue中this.$router.back()与this.$router.go(-1)返回上一页的区别
weixin_43473436的博客
11-12 6796
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常见的路由返回上一级
热门推荐
Rick_and_mode的博客
09-03 2万+
通常在Vue当中，写电商案例，有时候需要返回到上一个页面，在这里我用的方式就是直接回到你写的上个页 其实常见的方法有三种 第一种 this.$router.go(-1) 这个的意思就是 返回的是上一级，从哪来回哪去 第二种方法 通过：this.$router.back() 来返回上一级 这个的意思是返回当前点击的上一级 或者就是第三种固定写法 this.$router.push('/xxx') 或者 this.$router.push({name:'xxx'}) 分析三种方案 方案一，返回的是上一级，
vue-router传递参数方法（3种）
wenmin1987的博客
09-26 7155
第一种：get方法 传递值 <router-link :to="{path:'/test',query: { userId: 123,userName:'xia' }}">跳转</router-link> 或 <router-link :to="{name:'test',query: { userId: 123,userName:'xia' }}">跳转</router-link> 接收值（页面刷新的时候不会消失） this.$route.que
router对象和route对象
QZ9420的博客
12-07 537
在vue-router中的相关的api: 两个对象： router对象： new Router得到的对象 在所有的组件中都可以获取这个对象，是一个全局的对象 在组件中可以通过this.router来获取router对象。this.router来获取router对象。 this.router来获取router对象。this.router.push(path) 相当于点击标签 还可以返回之前的路由 this.router.replace(path)用新的路由，把老的路由替换掉，不可以返回之前的路由th
解决vue.js this.$router.push无效的问题
12-09
在Vue.js应用中，`this.$router.push`是用于实现页面路由导航的重要方法。当它不起作用时，可能会导致开发者困惑。以下是一些常见的原因和解决策略，针对标题和描述中提到的问题进行深入分析。 首先，我们需要理解...
Vue中this.$router.push参数获取方法
08-27
`this.$router.push`是一个非常重要的方法，用于在组件内部触发页面跳转。本文将详细解释如何使用`this.$router.push`来传递参数，并讨论两种主要的传递方式：Params和Query。 ### 1. Params（动态路由参数） 动态...
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
通常，我们在Vue组件中会通过`this.$router.push`来实现路由跳转，这是因为`this.$router`是Vue实例中内置的属性，可以直接访问并调用`push`方法。然而，当开发者选择在组件外部或者不在Vue实例作用域内创建一个新的...
vue-router 2.0 跳转之router.push()用法说明
10-14
针对描述中提到的问题，即在 iOS 设备上点击返回键时，路由改变但页面内容不更新，解决方案是利用 Vue Router 的导航守卫。可以在首页组件中添加 `beforeRouteLeave` 钩子，阻止返回到登录页的操作： ```javascript...
vue-router重写push方法,解决相同路径跳转报错问题
10-14
在Vue.js应用中，Vue-Router是一个至关重要的组件，它负责管理应用的路由，使得页面在不同的URL之间平滑切换。然而，在某些情况下，当尝试重定向到已激活的相同路径时，Vue-Router可能会抛出错误。为了解决这个问题...
vue返回上一页效果(this.$router.go、)
xqhys的博客
04-16 2129
如何使用点击方式控制当前页返回到上一个路由页面： 查阅相关资料，返回上一目录用到的是 this.$router.go(-1); 将该方法些到返回按钮上，点击触发该方法；具体代码如下: 1.在当前页面添加返回按钮 <!--返回按钮--> <div class="backTo" v-show="isShow"> <span v-on:click="...
vue:取route上的信息
Queen-Shir的博客
09-20 1223
this.$route.name  取url上最后一个路由的名称，？之前的路由名称。 this.$route.matched 取url上第一个路由的名称，最高一级的路由名称。
【vue项目】this.$router.go(-1)返回跳转到系统首页（问题解决）
辰兮要努力
10-23 1万+
【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！ 博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿大家奔赴在各自的热爱里… 文章目录一、业务场景二、拓展提升 一、业务场景 hello本期简单总结一下vue项目中遇到的点击返回按钮跳首页问题 业务场景：如上按.
vue路由传值
weixin_44707050的博客
11-10 652
方法一：this.$router.push传query , params this.$router.push('after') this.$router.push({ path: "after", query: { userid: 111, }, }); this.$router.push({ name: "after", params
uni-app页面返回和跳转 navigateTo和navigateBack的配合使用
weixin_43935657的博客
09-03 2059
跳转与返回页面的问题 首先，this.Router.replace的作用：跳转到一个新的页面并关闭当前页面 其次是navigateBack的功能： 关闭当前页面，（可通过设置其参数delta决定）返回上一页面或多级页面。 delta默认值为1.会自动刷新当前页面。 delta：2时，会返回上一级页面。注意是返回上一级页面，和点击左上角的返回按钮一样的 效果。而不是跳转到上一级页面。 实战使用： navigateTo和navigateBack的配合使用，可以返回到需要的某一个上级页面，而不会像用this.
vue路由跳转页面不刷新、this.$router.go(-1)不生效
黑玫瑰
07-12 8005
vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下： 一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...
VUE中路由变化this.$router(push\replace\go\back)
m0_49515138的博客
01-13 499
描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。用法：同this.$router.push()描述：跳转到指定的url，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值