element-ui dialog 多弹框 弹框被蒙版遮住

element-ui dialog 多弹框 弹框被蒙版遮住

项目中碰到一个element-ui的坑,记录一下
在一个弹框中，点击它的按钮, 再弹出了一个弹框后, 只显示蒙层, 两个弹窗都不能点击
查看网上的情况 都是通过文档中的这两个属性解决的
modal-append-to-body
append-to-body

我的不行,后面看了下结构,发现自己的两个el-dialog 是包裹关系 且因为是vue框架 所以这个组件的结构如下

<template>
	<el-dialog>

	<组件(组件里包含另外个el-dialog)>

	</el-dialog>
</template>

后修改结构如下, 问题解决

<template>
	<div>
		<el-dialog>
		</el-dialog>

	<组件(组件里包含另外个el-dialog)>

  </div>
</template>