问题标签 [vue-portal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
57 浏览

javascript - 在 Vue.js 应用程序中使用来自另一个组件中的一个组件的代码(函数/模板),没有直接关系

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

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

视图 1 的应用程序线框视图 2 的应用程序线框

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

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

0 投票
1 回答
76 浏览

javascript - Vue-portal 条件门户是否启用?

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

所以在一个组件中,我可以这样做:

因此,在导航栏组件中,我有:

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

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

0 投票
1 回答
889 浏览

javascript - 使用 Popper Js 创建 Vue 组件下拉菜单

我正在使用 vue 和 popperjs 制作一个下拉组件。要知道我正在使用vuejs v.2.6.12popperjs 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放在正确的位置。

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