期望效果:

点击头部菜单,下面显示对应的路由组件。
问题:点击菜单后,菜单消失,也没有相应的路由组件显示,效果如下:

原因:父级路由的exact设置了值为true:

解决:设置父级的exact参数为false。
本文介绍了一种Vue应用中常见的路由组件显示故障及其解决办法。点击头部菜单后,期望出现对应路由组件,但实际发生菜单消失且组件未显示的情况。故障原因为父级路由配置不当,将exact参数设为true导致子路由无法正确匹配。调整为false后,问题得以解决。
期望效果:

点击头部菜单,下面显示对应的路由组件。
问题:点击菜单后,菜单消失,也没有相应的路由组件显示,效果如下:

原因:父级路由的exact设置了值为true:

解决:设置父级的exact参数为false。
1159

被折叠的 条评论
为什么被折叠?