javascript - Vue 子路由不生效。

问题描述

问 题

{

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

http://192.168.2.144:8080/#/home/withdraw/

为什么明明匹配了， 还是 home 组件？ 看了别人也是这么写，就我的匹配不了。

解决方案

子路由的path无需写父级的path，且无需/开头，另外，需在父级组件设置 router-view才可以！以上是三个坑！

这篇关于javascript - Vue 子路由不生效。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！