cari

Rumah  >  Soal Jawab  >  teks badan

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

Dialog yang dibuat secara dinamik dipasang di bawah <body>标签下，这样就无法使用全局的Provide和Inject。 Dialog如何挂载在div#app secara lalai atau di bawah induk?

P粉990008428P粉990008428285 hari yang lalu535

membalas semua(2)saya akan balas

  • P粉561438407

    P粉5614384072024-03-28 11:47:35

    Anda boleh menggunakan komponen app.provide() 在 Vue app 上设置提供 而不是 <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() 相同的项目，即使该对话框安装在 <body> di bawah kanak-kanak dialog Quasar.

    balas
    0
  • P粉018653751

    P粉0186537512024-03-28 09:00:31

    Ia sentiasa dipasang di bawah <body> (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

    balas
    0
  • Batalbalas