Vue项目局部加载组件失败

我想让图4的下半部分也就是main部分加入组件按照网上的方法并没有实现,他仍然是整个页面都加载了组件我的导航栏就不见了想了解一下应该如何解决

img

img

img

img

你对视图使用v-if,当为真是显示的视图入口,所有视图内容都加载,当为假时,没有视图入口,视图入口都消失。所以都看不见。以下方法可以试一试
解决方法1:
不采用route-view,直接将两个视图组件都写上去,然后通过v-if 判断
解决方法2:将两个组件写入一个组件,外部除根盒子之外,在跟盒子内加上两个盒子,每个盒子放置不同组件,然后if判断

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^