Installer Quasar Dialog sous le composant racine ou le composant parent : Comment faire ?

Question

Le Dialog créé dynamiquement est monté sous la balise <body> par défaut, de sorte que les Provide et Inject globaux ne peuvent pas être utilisés. Comment monter Dialog sous div#app ou sous parent ?

P粉561438407 · Answer

Vous pouvez utiliser le composant app.provide() 在 Vue 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() 相同的项目，即使该对话框安装在 sous l'enfant de dialogue Quasar.

P粉018653751 · Answer

Il est toujours installé sous (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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket