el-dialog添加蒙版

el-dialog是Element UI中的一个组件，用于创建对话框。要给el-dialog添加蒙版，可以通过设置其属性来实现。

首先，在el-dialog标签中添加一个属性v-if或者v-show来控制对话框的显示和隐藏。例如：

<el-dialog :visible="dialogVisible" title="对话框标题">
  <!-- 对话框内容 -->
</el-dialog>

其中，dialogVisible是一个data中的变量，用于控制对话框的显示和隐藏。

接下来，在el-dialog标签外部添加一个遮罩层，可以使用el-dialog的遮罩层属性mask来实现。例如：

<el-dialog :visible="dialogVisible" title="对话框标题" :mask="true">
  <!-- 对话框内容 -->
</el-dialog>

设置mask为true时，会在对话框上方添加一个半透明的遮罩层。

如果需要自定义遮罩层的样式，可以使用自定义插槽来实现。例如：

<el-dialog :visible="dialogVisible" title="对话框标题" :mask="true">
  <template v-slot:append-to-body>
    <div class="custom-mask"></div>
  </template>
  <!-- 对话框内容 -->
</el-dialog>

在上面的例子中，使用了自定义插槽append-to-body，并在其中添加了一个class为custom-mask的div元素作为遮罩层。

这样就可以给el-dialog添加蒙版了。