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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

这是我修改前的app

在这里插入图片描述

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

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

在这里插入图片描述

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

Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

vue+element ui实现好看的登录界面

avatar ViewDesign

vue3.0中使用elementUi(element-plus的使用)

element-plus的使用小朋友，你是不是有很多问号❓❓❓甲：为什么在vue3.0中不能使用Element UI了？乙：由于vue3.0在插件install函数的入参从Vue原型（类）改成了app（vue实例），导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。甲：那有什么方法能解决吗？乙：使用Element UI的升级

avatar ViewDesign

ElementUI 整体页面布局

一、概述一般后台页面的顶部导航栏和左侧导航栏一般是固定的，我们可以布局成下面的样式二、整体项目布局因为我们的首页是个公共的组件，点击首页，会员管理，都不会变，所以我们可以放在一个单独文件夹里面。需要分别对头部，左侧区域，主区域拆分成不同的文件。创建项目创建一个全新的ElementUI 项目，请参考链接：https://www.cnblogs.com/xiao987334176/p...

avatar ViewDesign