解决 el-dialog 封装内嵌多次调用 遮罩层样式失效，直接全黑

把el-dialog封装成组件，多次调用，多点几次就会出现这种情况，弹窗还在，但是背景黑屏了，看了css，。v-model的样式没有问题，但是似乎opacity .5 没有起到效果，原因不明，有知道的大佬求告知。想了一个其他办法：

使用 :modal="false" 不显示遮罩层

在el-dialog 上绑定class 设置背景色（伪遮罩层）

<el-dialog
  title="提示"
  :visible.sync="centerDialogVisible"
  width="30%"
:modal="false" class="thisblack-bgc" 
  >
  <span>需要注意的是内容是默认不居中的</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="centerDialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  </span>
</el-dialog>

<style>
.thisblack-bgc{
  background-color: rgba(0, 0, 0, 0.5);

}
</style>