VUE中路由变化this.$router(push\replace\go\back)解读
更新时间：2023年10月24日 11:27:31 作者：前端不加班
这篇文章主要介绍了VUE中路由变化this.$router(push\replace\go\back),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
1.this.$router.push()
描述
跳转到指定的url，但这个方法回向history添加一个记录，点击后退会返回到上一个页面。
用法
// 1字符串
this.$router.push('/user/order')
// 2对象
this.$router.push({ path: '/user/order' })
//3传参
this.$router.push({ path: '/user/order', query: {id: 123} })
//3-1取参数
this.$route.query.id
//4命名的路由
this.$router.push({ name: '/user/order', params: {id: 123} })
//4-1取参数
this.$route.params.id2.this.$router.replace()
描述
同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。
用法
同this.$router.push()
3.this.$router.go()
原页面表单中的内容会丢失
this.$router.go(-1)：后退+刷新；this.$router.go(0)：刷新；this.$router.go(1)：前进
4.this.$router.back()
原页表表单中的内容会保留
this.$router.back(-1)：后退 ；this.$router.back(0)：刷新；this.$router.back(1)：前进
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue获取当前日期时间(使用moment和new Date())
在项目开发中我遇到了日期范围选择器,两种获取当前日期并做处理的写法,这里记录一下,下面这篇文章主要给大家介绍了关于vue获取当前日期时间(使用moment和new Date())的相关资料,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了vue3 携带参数跳转|router传参方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue中使用jeecg进行前后端联调方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
本文主要介绍了Element Timeline时间线的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
map()函数是在JS的数组中定义的,它返回一个新的数组,下面这篇文章主要给大家介绍了关于vue中map()快速使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-12-12
在后台管理系统，可以根据登录用户的不同返回不同路由，页面也会根据这些路由生成对应的菜单，本文主要介绍了vue3动态路由+菜单栏的实现示例，感兴趣的可以了解一下2024-04-04
下面小编就为大家分享一篇Vue修改mint-ui默认样式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了解决VUE动态加载图片在跨域时无法显示的问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
这篇文章主要介绍了简单了解vue.js数组的常用操作,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue中使用自定义指令实现按钮权限展示功能，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-04-04
最新评论