问题标签 [vue-portal]

我正在使用 Vue.js 开发一个应用程序，但遇到了以下挑战：

该应用程序有一个非常基本的布局：标题、主视图和底部的导航部分。根据用户当前所在的页面，我想在标题中显示主要操作。请参阅以下线框：

我现在的问题是：有没有办法将模板和代码“注入”到标题中？因为理想情况下，我希望在相应的组件中而不是在标题中具有逻辑和外观（如带有标签的图标），因为它不知道当前视图。

组件的标题和主视图没有父/子关系。基本的 Vue.js 模板如下所示：

我想使用 Vue Portal 在导航栏（父组件）上注入一些信息。

所以在一个组件中，我可以这样做：

因此，在导航栏组件中，我有：

但是，当且仅当启用了门户时，我想在此导航栏中添加一个分隔符：

显然$portal原型不可用......有什么替代方案？

我正在使用 vue 和 popperjs 制作一个下拉组件。要知道我正在使用vuejs v.2.6.12，popperjs v.2.9.2这是代码

当我尝试运行代码时，我收到错误消息，Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element. 我不知道为什么会出现此错误，我想我已将引用this.$el和 popperthis.$refs.dropdown放在正确的位置。

有人可以帮我解决这个问题吗？
谢谢你