问题标签 [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.
javascript - 在 Vue.js 应用程序中使用来自另一个组件中的一个组件的代码(函数/模板),没有直接关系
我正在使用 Vue.js 开发一个应用程序,但遇到了以下挑战:
该应用程序有一个非常基本的布局:标题、主视图和底部的导航部分。根据用户当前所在的页面,我想在标题中显示主要操作。请参阅以下线框:
我现在的问题是:有没有办法将模板和代码“注入”到标题中?因为理想情况下,我希望在相应的组件中而不是在标题中具有逻辑和外观(如带有标签的图标),因为它不知道当前视图。
组件的标题和主视图没有父/子关系。基本的 Vue.js 模板如下所示:
javascript - Vue-portal 条件门户是否启用?
我想使用 Vue Portal 在导航栏(父组件)上注入一些信息。
所以在一个组件中,我可以这样做:
因此,在导航栏组件中,我有:
但是,当且仅当启用了门户时,我想在此导航栏中添加一个分隔符:
显然$portal
原型不可用......有什么替代方案?
javascript - 使用 Popper Js 创建 Vue 组件下拉菜单
我正在使用 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
放在正确的位置。
有人可以帮我解决这个问题吗?
谢谢你