Installer Quasar Dialog sous le composant racine ou le composant parent : Comment faire ?
P粉990008428
P粉990008428 2024-03-27 13:46:14
0
2
479

Les boîtes de dialogue créées dynamiquement sont-elles montées sous <body>标签下,这样就无法使用全局的Provide和Inject。 Dialog如何挂载在div#app par défaut ou sous parent ?

P粉990008428
P粉990008428

répondre à tous(2)
P粉561438407

Vous pouvez utiliser le composant app.provide() 在 Vue app 上设置提供 而不是 <App/>. Par exemple dans le script d'entrée

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')

Vous pourrez alors utiliser inject() 相同的项目,即使该对话框安装在 <body> sous l'enfant de dialogue Quasar.

P粉018653751

Il est toujours installé sous <body> (non-SSR) ou nulle part (mode SSR) - pas seulement "par défaut". Consultez simplement la source - https://github.com/quasarframework/quasar/blob/dev/ui/src/utils/private/global-nodes.js#L6

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal