vue-router的push和replace的区别

最新推荐文章于 2024-04-28 13:49:25 发布
最新推荐文章于 2024-04-28 13:49:25 发布
阅读量1.9k 收藏 9
点赞数 3
分类专栏： vue.js 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanwen52/article/details/121406925
版权

1、this.$router.push()

跳转到指定的url，此方法会向history栈添加一个记录，点击后退会返回到上一个页面。

2、this.$router.replace()

跳转到指定的url，此方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。负数返回上一个页面

Master.Yuan
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解从Vue-router到html5的pushState
12-01
其次，我们也知道一般情况下，url变更的时候，比如指定location.href、history.push、replace等，页面就会刷新。 那么问题来了，vue页面的页面跳转时怎么实现的？没刷新页面么？没刷新页面，又要改变url，加载新内容...
详解vue-router 2.0 常用基础知识点之router.push()
12-02
router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 <router> 时，这个方法会在...
Vue 中router的push与replace的区别
Cloud-Future的博客
01-22 2899
1.this.$router.push({}) push 方法可以接受一个对象参数， { path:'/to', name:'route name' ... } 描述：跳转到对应的路由，这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。 2.this.$router.replace({}) replace参数同push一样 描述：同样是跳转到指定的路由，但是这个方法不会向history里面添加新的记录，而是替换（覆盖）掉当前路由，点击返回，会跳转到
vue路由的跳转之:replace和push的区别；
zhouchuanlun的博客
08-04 2776
路由是vue框架的核心组件，但是我今天在学习路由这一块的时候，发现:replace和push都能实现跳转的效果，但是区别在于：replace不会向history插入记录，而push会向history插入，废话少说，直接上代码如下： 路由的跳转 </div> <script type="text/javascript" src="vue.js"></script> <!-- 引入路由插件 --> <script type="text/ja
Vue Router中的replace与路由守卫
最新发布
yxh_live的博客
04-28 770
Vue Router中的replace与路由守卫
Vue中的路由跳转 push和replace区别
2301_76854810的博客
07-11 1809
【代码】Vue中的路由跳转 push和replace区别。
VUE的两种跳转push和replace对比区别
weixin_33755557的博客
12-14 967
router.push(location) 在vue.js中想要跳转到不同的 URL，需要使用 router.push 方法。 这个方法会向 history 栈添加一个新的记录，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 <router-link> 复制代码时，这个方法会在内部调用，所以说，点击 <router-link :to="..."> 复制代码等同...
this.$router.replace和this.$router.push的区别？（vue）
weixin_43677787的博客
01-19 345
replace跳转页面 /*template*/ /*第一种*/ <router-link to="/about" replace></router-link> /*第二种*/ <button @click="goAbout">跳转到about</button> /*script*/ goAbout () { /*第一种*/ this.$router.replace('/about') /*第二种*/ this.$router.push({path: '
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常 解决方法一：在调用方法的时候用catch捕获异常 this.$router.replace({ name: 'foo' }).catch(err => { console....
Vue源码解读之vue-router路由
01-08
看过前章vuex状态管理的分享之后，相信对路由这块也是非常感兴趣的，同样的模式，同样的方式，我们走进GitHub之vue-router 同样直接走进 src components：route-link 组件 和 router-view 组件 实现 history：关于...
Vue-router 报错NavigationDuplicated的解决方法
11-21
版本：3.1.x 报错原因： ...VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) } const originalReplace = VueRouter.prototype.rep
push replace 区别
木昆灵寒酥的博客
06-06 859
push && replace 默认方式，返回级别，参数
Vue路由跳转-push，replace的区别
Jk200165的博客
04-22 1361
1、this.$router.push() 跳转到指定的url，此方法会向history栈添加一个记录，点击后退会返回到上一个页面。 2、this.$router.replace() 跳转到指定的url，此方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。 3.this.$router.go(n) 相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。负数返回上一个页面 ...
vue中replace()和push()的区别
weixin_46042888的博客
08-21 781
replace() this.$router.replace('router地址') replace(）进行页面跳转不会形成history，不可返回到上一层 push() this.$router.push('router地址') push()进行页面跳转回形成history，可返回到上一层 转载自：洋葱先生-杨少通： http://www.dreamload.cn/blog/?p=960 ...
Vue路由中$router.replace和$router.push的区别和使用场景
m0_66119504的博客
12-12 5419
当你执行某个操作后需要跳转到一个全新的页面,而不希望通过按钮回到前一个页面时,推荐使用replace；如果你希望能够回退到前一个页面，推荐使用push。
vue-router中的replace和push
头发茂密的假程序猿
12-25 1646
官方说明 vue的官方对路由的replace说明如下，但是看完表示并不理解，在实际项目中需要路由跳转的基本一律 用的push方法，今天特意做了一下实验验证replace到底和push的区别在哪里 举例说明 假设现在有有用户后台管理系统，有三个页面，登录页、列表页、详情页，逻辑如下： 首先进入登录页，路由地址：http://localhost:8888#/login （假设路由名字叫login） 登录成功，跳转到用户列表页面http://localhost:8888#/list （假设路由名字叫list）
【Vue】针对路由跳转中编程式导航push和replace进行重写
Trees__的博客
05-12 790
【Vue】针对路由跳转中编程式导航push和replace进行重写 文章目录【Vue】针对路由跳转中编程式导航push和replace进行重写总结   在写Vue项目的时候，进行路由跳转，对于编程式导航会出现多次执行的时候抛出NavigationDuplication错误 解决的办法： 方法一（治标不治本）： /* 因为$router返回的是promise对象,该报错就是因为这个原因,promise需要接收成功和失败的回调所以我们在跳转的后面补两个参数 */ this.$router.push({
vue-router的push和replace
03-16
Vue Router 是 Vue.js 官方的路由管理器，它可以通过 push 和 replace 方法来实现路由跳转。 push 和 replace 方法都可以用于在应用程序的路由中导航，但它们之间有一些重要的区别： 1. push 方法会向浏览器的历史...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值