element-ui的modal使用问题小计

问题描述：
在a-modal的弹出层隐藏之后，会有一个没消失的div遮盖住dom节点，使dom节点事件点击无效，代码如下：

解决定位：
由于考虑全局影响，所以加了class名称，并对改class定义宽高及垂直水平居中，由于有visible.sync的定义，modal本身是可以隐藏的，但发现dom节点被遮盖，点击事件无法响应发现就是这个宽高的影响，查看dom节点发现该div下面的mask和warp都有了display:none的样式，故将对该class定义的宽高及垂直水平居中移入warp的设置里，此问题解决。

反思：
此问题是由于visible的隐藏于显示并不能作用于modal-root对应的dom，只会更新下面的mask对应的dom和warp对应的dom，浪费了半个小时，但也更清楚了点。 加class的意义在于限制，全局样式下的作用唯一性，毕竟下面的都是公共组件和class