Vue.js在需要时从子级渲染到父级，就像路由器视图一样

我正在尝试根据ionic中的子视图动态显示页脚/页眉

我将Ionic 4框架与Vue.js结合使用。试过吃角子老虎机，感觉自己走上了正确的轨道，但还没有完全实现

我有一个Base.vue（组件），它支持

从“@/components/PageHeader”导入PageHeader
从“@/components/PageFooter”导入PageFooter
从“vuex”导入{mapState}
导出默认值{
名称：'主'，
组成部分：{
页眉，
页脚，
},
}

作为一个孩子的观点，我有以下几点：；我知道将其包含在

中不是正确的方法，但不知道如何以正确的方式进行设置：

测验
计划页

从“@/components/PageHeader”导入PageHeader
导出默认值{
名称：'时间表'，
组成部分：{
页眉，
},
}

标题组件（应该是动态的）：

导出默认值{
名称：“页眉”，
}

---

我想做的是制作一个带有动态标题（PageHeader.vue）的Base.vue，这样基于给定的子视图，我可以根据需要更改或扩展标题。

所以我想你是说你想根据子视图更改页面标题的内容

组件不能直接影响树中其他组件的模板。插槽为您提供了一些控制，但它仅限于允许组件将模板注入子组件的部分，而不是相反

你的选择是：

将逻辑添加到父组件，以检测显示的子组件，然后相应地更改页面标题。但是，页面标题不会直接由子组件控制

与vue路由器一起使用

使用类似的东西，但不要疯狂使用这种力量

---

这要视情况而定，您是想在这个子路由上总是隐藏页脚和页眉，还是想从子路由中获取页眉/页脚中的内容？添加插槽可能有助于人们理解您试图实现的目标，以及尝试失败的原因。@StevenB。页眉通常显示在Base.vue中，只有一个默认值，但在某些子视图中，我想添加一个附加值，因为页脚默认情况下没有，但在某些情况下，我想添加一个自定义值，具体取决于child@ghybs我的问题中描述了这种尝试？我应该添加什么来让它更清楚呢？嗨，十年月亮，这正是我想要做的。。。更多的是关于vue路由器如何工作的想法。。。因为它也会把内容放在特定的标签上，对吗？但正如你所描述的，这是不可能做到的？也不具有渲染功能？至于2，是否可以提供一个关于如何解决这个问题的简短示例？我还将检查您的选项3这看起来不错，它只是在一些子视图，我想添加一个额外的，有时在一个自定义页脚（通常没有页脚），所以希望它的工作。。。谢谢你的建议，我会让你知道另一个问题；在选项1中，您将如何解决这个问题？#3是允许标题内容完全由子组件控制的唯一选项。这是要求吗？否则#1和#2需要单独的组件，所以如果您需要在它们之间共享逻辑/数据，那么这将是您必须适应的。这不是一个要求，更多的是我在考虑这个“逻辑”，应该可以，但最终它更像是一个反模式，对吗？所以如果你不这么建议的话，我也会试试的，但是非常感谢你帮我把事情弄清楚！真的帮了大忙