当前位置:   article > 正文

vue中push路由跳转只跳转路径,不跳转页面_$router.push 不跳转到指定页面

$router.push 不跳转到指定页面

vue中push路由跳转只跳转路径,不跳转页面


最近我在做毕设时,遇见了一种情况,就是我们从一个页面跳转到另外一个页面时,一般会在方法中去this.$router.push(’/xxx’)。这样就会跳转到我们在路由模块中所配置的页面及其对应的组件。
比如说这里

在这里插入图片描述

我们需要从当前的login页面跳转到home页面,下面是路由模块的配置

在这里插入图片描述

首先是要引入我们所写的home模块,然后对路由进行配置

在这里插入图片描述

这里配置好了我们直接进行跳转,但是却发生了只跳转路径,不跳转页面的情况发生

在这里插入图片描述

这里的页面不为所动,我在网上查找了一下解决办法,发现问题出在app.vue里面


这是我修改前的app

在这里插入图片描述

这里可以看到我直接放的login组件,这样是没办法跳转的,解决办法只能是

在这里插入图片描述
把router-view放进去,这样就实现了页面和路由的跳转

在这里插入图片描述

当然,这种解决办法只适用于我这种情况,希望大家开发都能顺心顺意,不出bug哈哈哈哈!




声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/285278
推荐阅读
相关标签
  

闽ICP备14008679号