html - element ui 對話框嵌套

Question

element ui 對話框嵌套

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

如果是這樣 會導致裡面的對話框在外面的對話框區域內，如何讓el-dialog脫離直接在body中，。

element ui 的所有對話框是不是都要寫在外部不能進行嵌套

Answer 1

element ui 的 dialog 無法插入到body中，寫得比較簡單，沒有提供此功能。從它的使用方法可以看出，它基本上是透過 display 的來控制 dialog 的顯隱，dialog 位置不變。

Answer 2

要達到嵌套彈出的效果不一定要在模板上嵌套啊

可以全部放到父元件(body)中，裡面的 dialog 在外面的 dialog 中觸發顯示即可

範例，點第二個按鈕看詳情：https://jsfiddle.net/w0uypwng/