我想让图4的下半部分也就是main部分加入组件按照网上的方法并没有实现，他仍然是整个页面都加载了组件我的导航栏就不见了想了解一下应该如何解决
2条回答 默认 最新
腿子代码了 2022-10-03 08:23关注你对视图使用v-if，当为真是显示的视图入口，所有视图内容都加载，当为假时，没有视图入口，视图入口都消失。所以都看不见。以下方法可以试一试
解决方法1:
不采用route-view，直接将两个视图组件都写上去，然后通过v-if 判断
解决方法2:将两个组件写入一个组件，外部除根盒子之外，在跟盒子内加上两个盒子，每个盒子放置不同组件，然后if判断本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2020-10-18 02:47在Vue组件中，通过`components`选项来声明局部组件。例如，在一个名为`HelloWorld`的组件内，可以导入并注册多个局部组件，如`TabAa`、`TabBb`和`TabCc`，然后在`components`对象中声明这些组件。 3. **动态组件**...
- 2020-10-16 06:071. 创建组件文件：首先，在项目的`components`文件夹下创建一个子文件夹，并在该子文件夹中创建一个`.vue`文件，例如`Users.vue`。在该文件中，我们定义了组件的模板、脚本和样式。 2. 在`main.js`中进行全局注册：...
- 2024-07-24 13:33Holy_Java的博客 ①单页 Web 应用（single page web application，SPA）。Vue工程是单页面应用程序，整个工程只有一个完整的html...Vue 通过组件的方式把要渲染到页面的内容进行拆分，拆分成组件，由 Vue 对象加载各个组件并渲染到页面.
- 2023-07-28 16:59秀秀_heo的博客 【代码】【Vue3】局部组件和全局组件。
- 2021-01-07 17:29三个木马人的博客 在 vue 项目里想实现组件的局部刷新，我用到过的方法整理了一下： 1、 provide / indect 方法 使用 v-if 方法来控制 router-view 的显示隐藏 在 App.vue 页面 <template> <div id="app"> <router-...
- 2025-02-27 01:21太阳与星辰的博客 动态组件和异步组件
- 2024-12-10 13:11Flying_Fish_Xuan的博客 在 Vue 3 中，组件是构建用户界面的基本单元。组件可以是全局注册的，也可以是局部注册的，根据不同的需求选择合适的注册方式至关重要。Header.vue：网站头部Footer.vue：网站底部：文章列表：单篇文章在开发过程中...
- 2024-09-18 10:08流氓也是种气质 _Cookie的博客 10 vue3之全局组件，局部组件，递归组件，动态组件
- 2020-10-18 01:41在Vue开发过程中，循环引用组件可能会导致运行时错误，这是因为Vue在解析模板时，如果组件未被正确注册，就会抛出“Unknown custom element”错误。本文将深入探讨Vue中的循环引用问题及其解决方案。 首先，我们要...
- 2023-02-21 17:52萧寂173的博客 vue2组件
- 没有解决我的问题, 去提问
问题事件
系统已结题
10月11日
已采纳回答
10月3日-
创建了问题
10月2日