Dialog yang dibuat secara dinamik dipasang di bawah <body>标签下，这样就无法使用全局的Provide和Inject。 Dialog如何挂载在div#app secara lalai atau di bawah induk?
<body>
div#app
Anda boleh menggunakan komponen app.provide() 在 Vue app 上设置提供 而不是 <App/>. Contohnya dalam skrip entri
app.provide()
app
<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')
Anda kemudiannya boleh menggunakan inject() 相同的项目，即使该对话框安装在 <body> di bawah kanak-kanak dialog Quasar.
inject()
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
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh menggunakan komponen
app.provide()在 Vueapp上设置提供 而不是<App/>. Contohnya dalam skrip entriimport { 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.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