鍍金池/ 問答/HTML/ vue 默認(rèn)路由無效

vue 默認(rèn)路由無效

const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默認(rèn)
  {
    path: '/',
    redirect: HelloWorld
  }
]

一進(jìn)來總是顯示second路由，點(diǎn)擊可以切換，設(shè)置默認(rèn)HelloWorld為初始路由無效，怎么回事呢？（初學(xué)vue者）

回答
編輯回答
陪我終

你沒注意看文檔，你那個redirect使用不當(dāng)，一般有這么兩種方式：

  • 重定向path
const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默認(rèn)
  {
    path: '/',
    redirect: '/HelloWorld'
  }
]
  • 重定向name
const routes = [
  {
    path:"/HelloWorld",
    name: 'helloworld',
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默認(rèn)
  {
    path: '/',
    redirect: { name: 'helloworld' }
  }
]

參考文檔：https://router.vuejs.org/zh-c...

希望我的回答對你有所幫助！
2017年10月9日 00:42