vue路由问题

不知道哪里出了问题,点击之后路由不会跳转

但是路径从http://localhost:8080/#/跳到了http://localhost:8080/#/userinfo

显示内容却是空白,我里面写的有东西的

router / index.js

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
import userinfo from '@/components/home/userinfo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index,
      children: [
        {
          path: '/userinfo',
          name: 'userinfo',
          component: userinfo
        }
      ]      
    }
  ]
})

图片描述
图片描述

阅读 3k
5 个回答

你链接里面的userInfo,你路由里面path是userinfo

你这个只是生命了路由,需要创建vue实例

path: '/userinfo' 改成 path: 'userinfo'

我猜你的index组件里面没有写<router-view></router-view>


把路由结构调整成这样试试:

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
import userinfo from '@/components/home/userinfo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index   
    },
    {
      path: '/userinfo',
      name: 'userinfo',
      component: userinfo  
    }
  ]
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题