Pasang Dialog Quasar di bawah komponen akar atau komponen induk: Bagaimana untuk melakukannya?

Question

Dialog yang dibuat secara dinamik dipasang di bawah teg <body> secara lalai, jadi Provide and Inject global tidak boleh digunakan. Bagaimana untuk melekapkan Dialog di bawah div#app atau di bawah induk?

P粉561438407 · Answer

Anda boleh menggunakan komponen app.provide() 在 Vue app 上设置提供而不是 . Contohnya dalam skrip entri

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

Anda kemudiannya boleh menggunakan inject() 相同的项目，即使该对话框安装在 di bawah kanak-kanak dialog Quasar.

P粉018653751 · Answer

Ia sentiasa dipasang di bawah (bukan SSR) atau tidak di mana-mana (mod SSR) - bukan hanya "secara lalai". Lihat sahaja sumbernya - https://github.com/quasarframework/quasar/blob/dev/ui/src/utils/private/global-nodes.js#L6

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket