el-dialog 导致无法触发背后图层的鼠标事件的解决方法

说明：如上图：el-dialog 对话框出现时默认情况下是点击不了 “点击测试123123” 这个按钮的，因为 el-dialog 出现时，属于最上层的图层，后面的图层会被它覆盖，导致触发不了后面图层的鼠标事件，上图是解决了这个问题之后可以点击的状态。解决方法：

给 el-dialog 增加一个父元素，给此父元素增加样式：pointer-events: none;

再给 .el-dialog 增加样式：pointer-events: auto;

pointer-events: none 表示指示该元素不是鼠标事件的目标，鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。但是，当其后代元素的 pointer-events 属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

具体代码如下：