Installer Quasar Dialog sous le composant racine ou le composant parent : Comment faire ?
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 ?
Maison > Questions et réponses > le corps du texte
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粉5614384072024-03-28 11:47:35
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粉0186537512024-03-28 09:00:31
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