在根元件或父元件下安裝 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)我來回復