文章详情页

html - element ui 对话框嵌套

浏览：221日期：2022-11-19 13:21:32

问题描述

element ui 对话框嵌套

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

如果是这样会导致里面的对话框在外面的对话框区域内，如何让el-dialog脱离直接在body中，。

element ui 的所有对话框是不是都要写在外部不能进行嵌套

问题解答

回答1：

element ui 的 dialog 无法插入到body中，写得比较简单，没有提供此功能。从它的使用方法可看出，它基本是通过 display 的来控制 dialog 的显隐，dialog 位置不变。

回答2：

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

可以全部放到父组件(body)中，里面的 dialog 在外面的 dialog 中触发显示即可

示例，点第二个按钮看详情：https://jsfiddle.net/w0uypwng/

HTML

上一条：html5 - html元素select下拉列表在原生app里面为什么不能弹框显示？下一条：javascript - hash为什么可以做路由跳转，不会刷新页面

相关文章：

1. boot2docker无法启动2. docker api 开发的端口怎么获取？3. docker不显示端口映射呢？4. dockerfile - 我用docker build的时候出现下边问题麻烦帮我看一下5. docker-compose中volumes的问题6. docker内创建jenkins访问另一个容器下的服务器问题7. html5 - node静态资源服务器设置了Cache-Control，但浏览器从来不走3048. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？9. docker start -a dockername 老是卡住，什么情况？10. macos - mac下docker如何设置代理