将一个组件显示在另一个组件之上

Posted

技术标签:

【中文标题】将一个组件显示在另一个组件之上【英文标题】:Displaying one component on the top of other 【发布时间】:2011-03-19 14:44:32 【问题描述】:

如何在 flex 中将一个组件显示在另一个组件的顶部而不明确提及 x 轴和 y 轴?

【问题讨论】:

【参考方案1】:

使用画布和在画布内,您可以添加将显示在另一个之上的控件,最后添加的控件将是最顶部的控件,而第一个添加的控件将留在后面。

【讨论】:

【参考方案2】:

需要考虑的其他事项,具体取决于您的 UI: 这仍然有点“hacky”(任何解决方案都可以),但是给定一个包含两个或多个组件的容器(VBox 等),将第一个组件中的 includeInLayout 属性设置为 。当容器渲染第二个组件时,将忽略第一个并在顶部绘制。

这也允许您在同一个容器中添加其他组件,但显然这在很大程度上取决于您的 UI。

【讨论】:

以上是关于将一个组件显示在另一个组件之上的主要内容,如果未能解决你的问题,请参考以下文章

在另一个组件内绘制组件

如何使用 vue-router 在另一个组件内显示组件并在其间导航?

如何使选择列表出现在另一个元素上?

在另一个组件中渲染一个组件

如何在另一个 *ngFor 中显示其他组件

与在另一个窗口中打开的组件交互