vue 二级路由无法正确跳转

设计了一个二级路由,同级的二级路由welcome能正确显示
部分代码如下:

import Vue from "vue"
import VueRouter from "vue-router"
import Login from "../components/Login.vue"
import Home from "../components/Home.vue"
import Welcome from "../components/Welcome.vue"
import Users from "../components/user/Users.vue"

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    { path: "/", redirect: "/login" },
    { path: "/login", component: Login },
    {
      path: "/home",
      component: Home,
      redirect: "/welcome",
      children: [
        { path: "/welcome", component: Welcome },
        { path: "/users", component: Users },
      ],
    },
  ],
});

已经在home.vue定义了<router-view></router-view>
可是点击users页面对应按钮的时候还是会跳转到空白页面,然后在空白页面点击刷新才会显示,这是什么问题?

阅读 2.5k
1 个回答

刷新才会显示那应该是重定向问题,可以检查下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏