javascript - vue-router如何修改默认路径。

问题描述

问 题

我练习用的博客项目首页内容部分左边是个列表，右边是热门话题栏，想着点击列表中的某一项后就进入对应的详情页，由于详情页跟列表页右侧部分是一样的，所以我就弄了个<router-view>来负责列表组件和详情组件的切换，路由是这么写的：
const routes = [

{
    path: '/',
    component: home,
    children: [
        {path: '', component: list},
        {path: 'detail', component: detail}
    ]
 }
 

然后当路由向/detail跳转时，就自动向/跳转了（去不了详情页），请问是否能够修改路由的默认路径或者有无其他的实现方式呢？

解决方案

可以使用重定向。

使用重定向：

{
    path: '/',
    component: home,
    redirect: '/list'
    children: [
        {path: 'list', component: list},
        {path: 'detail', component: detail}
    ]
 }
 

这篇关于javascript - vue-router如何修改默认路径。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！