在根组件或父组件下安装 Quasar Dialog：如何做到？

Question

动态创建的Dialog默认挂载在<body>标签下，这样就无法使用全局的Provide和Inject。Dialog如何挂载在div#app下或者挂载在parent下？

P粉561438407 · Answer

您可以使用 app.provide() 在 Vue app 上设置提供而不是组件。例如在入口脚本中

import { createApp } from 'vue'
import { Quasar, Dialog } from 'quasar'
import App from './App.vue'
createApp(App)
    .provide('name', value)
    .use(Quasar, {
        plugins: {
            Dialog,
        }
    })
    .mount('#app')

然后，您将能够在 Quasar 对话框子项中使用 inject() 相同的项目，即使该对话框安装在下。

P粉018653751 · Answer

它总是安装在（非 SSR）下或无处安装（SSR 模式） - 不仅仅是“默认情况下”。只需查看来源 - https://github.com/quasarframework/quasar/blob/dev/ui/src/utils/private/global-nodes.js#L6

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程