在根组件或父组件下安装 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

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

全部回复(2)我来回复