html - kotak dialog elemen ui bersarang

Question

kotak dialog elemen ui bersarang

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

Jika ini berlaku, ia akan menyebabkan kotak dialog dalam berada di kawasan kotak dialog luar Cara membuat el-dialog tertanggal dan terus di dalam badan.

Adakah semua kotak dialog elemen ui perlu ditulis secara luaran dan tidak boleh bersarang

Answer 1

Dialog elemen ui tidak boleh dimasukkan ke dalam badan Ia ditulis secara ringkas dan tidak menyediakan fungsi ini. Ia boleh dilihat daripada penggunaannya bahawa ia pada asasnya mengawal keterlihatan dialog melalui paparan, dan kedudukan dialog kekal tidak berubah.

Answer 2

Untuk mencapai kesan pop timbul bersarang, anda tidak perlu meletakkannya pada templat

Anda boleh meletakkan kesemuanya dalam komponen induk (badan), dan dialog di dalam boleh dicetuskan dan dipaparkan dalam dialog luar

Contoh, klik butang kedua untuk melihat butiran: https://jsfiddle.net/w0uypwng/