鍍金池/ 問(wèn)答/HTML/ vue路由問(wèn)題

vue路由問(wèn)題

不知道哪里出了問(wèn)題，點(diǎn)擊之后路由不會(huì)跳轉(zhuǎn)

但是路徑從http://localhost:8080/#/跳到了http://localhost:8080/#/userinfo

顯示內(nèi)容卻是空白，我里面寫(xiě)的有東西的

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
        }
      ]      
    }
  ]
})

圖片描述
圖片描述

回答
編輯回答
孤毒

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

2017年8月31日 07:33
編輯回答
遲月

你看下這個(gè)文檔，字路由配置有問(wèn)題，不能加/ https://router.vuejs.org/zh-c...

2018年8月6日 14:33
編輯回答
涼汐

你這個(gè)只是生命了路由，需要?jiǎng)?chuàng)建vue實(shí)例

2017年11月26日 15:00
編輯回答
舊言

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

2018年7月4日 05:21
編輯回答
挽歌

我猜你的index組件里面沒(méi)有寫(xiě)<router-view></router-view>

把路由結(jié)構(gòu)調(diào)整成這樣試試：

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  
    }
  ]
})
2017年7月24日 22:38