Vue常见的路由返回上一级

浅浅的花香味﹌ 2021-07-24 12:07 970阅读 0赞

**通常在Vue当中，写电商案例，有时候需要返回到上一个页面，在这里我用的方式就是直接回到你写的上个页**  
其实常见的方法有三种  
第一种  
**this.$router.go(-1)**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1JpY2tfYW5kX21vZGU_size_16_color_FFFFFF_t_70_pic_center]

这个的意思就是  
返回的是上一级，从哪来回哪去

第二种方法  
通过：**this.$router.back()**  
来返回上一级

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1JpY2tfYW5kX21vZGU_size_16_color_FFFFFF_t_70_pic_center 1]  
这个的意思是返回当前点击的上一级

或者就是第三种固定写法

this.$router.push('/xxx') 或者 this.$router.push({ name:'xxx'})

分析三种方案  
方案一，返回的是上一级，从哪来回哪去。  
方案二，返回当前点击的页面  
方案三 ，则是可以指定路由，

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1JpY2tfYW5kX21vZGU_size_16_color_FFFFFF_t_70_pic_center]: /images/20210724/adc9d45184674eb493faaea12ce57738.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1JpY2tfYW5kX21vZGU_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210724/78142c4eebbc46d287b4815285762745.png

发表评论取消回复

表情：

评论列表（有 0 条评论，970人围观）

还没有评论，来说两句吧...

相关阅读

相关如何路由返回上一级

goBack () { const routerParam = this.$router.currentRoute.query

「爱情、让人受尽委屈。」/ 2024年03月25日 17:09/ 0 赞/ 48 阅读

相关 Vue路由跳转（返回上一页以及返回到指定页面）

1，自动返回上一页 methods:{ goback(); }, goback(){ this.$router.go(-1)

深藏阁楼爱情的钟/ 2023年10月03日 15:29/ 0 赞/ 10 阅读

相关 Vue.js note9（脚手架：数据请求封装&一级路由&二级路由&动态路由传参&路由重定向）

文章目录 1、数据请求axios的封装使用 2、路由&一级路由（一）含路由项目创建流程：

忘是亡心i/ 2023年02月28日 05:30/ 0 赞/ 23 阅读

相关 vue 路由缓存路由嵌套路由守卫监听物理返回操作

最近开发vue项目，遇到的一些问题，这里整合一下，看到一些博客已经有写相关知识，然后自己再次记录一下。这是关于vue路由相关比较常见的问题，以后遇到相关路由的问题，会不断更

素颜马尾好姑娘i/ 2022年09月08日 13:55/ 0 赞/ 332 阅读

相关一级路由配置

1. 设置路径 path component 2. import ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

逃离我推掉我的手/ 2022年09月04日 04:49/ 0 赞/ 158 阅读

相关实现返回上一级

1，vue里面实现返回上一级或返回 VUE里面实现返回上一级：此$ router.back（-1）; 2，vuex的实现方式：如果（这个。 $商店。状态

曾经终败给现在/ 2022年05月25日 07:45/ 0 赞/ 265 阅读

相关 Vue怎么返回上一级，返回上一页面

代码如下: <button @click='prev'>返回上一级</button> <script> methods：{

刺骨的言语ヽ痛彻心扉/ 2022年04月16日 01:23/ 0 赞/ 675 阅读

相关 Vue怎么返回上一级，返回上一页面

<button @click='prev'>返回上一级</button> methods：{ prev()

电玩女神/ 2021年11月05日 13:40/ 0 赞/ 795 阅读

相关 Vue路由返回时保持滚动条

实现该效果最重要的是获取页面最终的scrollTop值，获取scrollTop最重要的是找准元素，找不到就一个一个试，从最外层元素找，总有一个元素是你要的！！！ //

叁歲伎倆/ 2021年11月05日 07:58/ 0 赞/ 391 阅读

相关 Vue常见的路由返回上一级

通常在Vue当中，写电商案例，有时候需要返回到上一个页面，在这里我用的方式就是直接回到你写的上个页其实常见的方法有三种第一种 this.$router.go(-

浅浅的花香味﹌/ 2021年07月24日 12:07/ 0 赞/ 971 阅读