Quasar Dialog如何挂载在根组件或父组件下?

Posted

技术标签:

【中文标题】Quasar Dialog如何挂载在根组件或父组件下?【英文标题】:How can Quasar Dialog be mounted under root or parent component? 【发布时间】:2021-12-28 03:15:12 【问题描述】:

动态创建的Dialog默认挂载在<body>标签下,因此无法使用全局Provide和Inject。 Dialog如何挂载在div#app下或者挂载在parent下?

【问题讨论】:

【参考方案1】:

它总是挂载在<body>(非 s-s-r)或无处(s-s-r 模式)——不仅仅是“默认”。只需查看来源 - https://github.com/quasarframework/quasar/blob/dev/ui/src/utils/private/global-nodes.js#L6

【讨论】:

以上是关于Quasar Dialog如何挂载在根组件或父组件下?的主要内容,如果未能解决你的问题,请参考以下文章

Quasar QTable 从子组件返回后丢失状态

Vue.js 3,Quasar 2 - 组件缺少模板或渲染功能

如何测试 Quasar(作为 Vue CLI 插件)?

如何使用 ES6 模块系统在根实例中注册两个组件?

使用 Flexbox 获取所有可用高度的组件(在 Quasar/Vue 中)

如何从 quasar 默认应用模板中删除路由器?