在 $el 之外有 DOM 个元素的 VueJS 组件

VueJS component with DOM elements outside of $el

我几乎是 Vue 的新手,来自我们已经使用了一段时间的定制前端框架。

现在我们已经开始在我们的网站中放慢 Vue 的滚动速度并重构我们的一些旧组件,我 运行 遇到了一些问题。

问题是:组件是否有任何方法可以实例化其作用域外的一些 DOM 元素(例如在 的末尾)?

我们需要这些位在组件容器之外,因为例如,在下拉列表的情况下,当其父元素之一具有 overflow: hidden;

时,它们会被遮盖

如有任何想法,我们将不胜感激!

在 Vue 论坛中发布相同的问题后,解决方案似乎是一个名为 portal-vue 的神奇组件。

See the Forum reply here