html - imbrication de la boîte de dialogue de l'interface utilisateur des éléments

Question

imbrication de la boîte de dialogue de l'interface utilisateur des éléments

<el-dialog>
    <el-dialog></el-dialog>
</el-dialog>

Si tel est le cas, la boîte de dialogue interne se trouvera dans la zone de la boîte de dialogue externe. Comment détacher l'el-dialog et directement dans le corps.

Toutes les boîtes de dialogue de l'élément ui doivent-elles être écrites en externe et ne peuvent pas être imbriquées

Answer 1

Le dialogue de l'élément ui ne peut pas être inséré dans le corps. Il est écrit simplement et ne fournit pas cette fonction. Il ressort de son utilisation qu'il contrôle essentiellement la visibilité de la boîte de dialogue via l'affichage et que la position de la boîte de dialogue reste inchangée.

Answer 2

Pour obtenir l'effet pop-up imbriqué, vous n'avez pas besoin de l'imbriquer sur le modèle

Vous pouvez tous les mettre dans le composant parent (corps), et la boîte de dialogue à l'intérieur peut être déclenchée et affichée dans la boîte de dialogue extérieure

Exemple, cliquez sur le deuxième bouton pour voir les détails : https://jsfiddle.net/w0uypwng/