在append-to-body的el-dialog中使用二连-cascader，后者层级会被覆盖

如果您在 `el-dialog` 中使用 `el-cascader`，并且 `el-cascader` 的层级被 `el-dialog` 遮盖了，可以通过在 `el-dialog` 上添加 `style` 属性来解决这个问题。具体来说，您可以设置 `z-index` 属性来提高 `el-dialog` 的层级，以便它不会遮盖 `el-cascader`。

例如，您可以在 `el-dialog` 上添加以下样式：

<el-dialog style="z-index: 9999;">
  <el-cascader ...></el-cascader>
</el-dialog>

其中 `z-index` 值可以根据您的具体情况进行调整。

相关问题

在append-to-body的el-dialog中使用el-cascader，el-cascader层级会被覆盖

如果您在 `el-dialog` 中使用 `el-cascader`，并且 `el-cascader` 的层级被 `el-dialog` 遮盖了，可以通过在 `el-dialog` 上添加 `append-to-body` 属性来解决这个问题。具体来说，`append-to-body` 属性可以将 `el-dialog` 的 DOM 元素添加到 `body` 标签中，从而避免了父组件的层级问题。

例如，您可以按照以下代码示例在 `el-dialog` 上添加 `append-to-body` 属性：

<el-dialog append-to-body>
  <el-cascader ...></el-cascader>
</el-dialog>

这样就可以解决 `el-cascader` 被 `el-dialog` 遮盖的问题。

el-dialog嵌套

el-dialog嵌套时，如果内层dialog上有遮罩层无法点击，可以使用官方提供的解决方案。根据官方文档，可以给内层dialog添加append-to-body属性，并将其设置为true。这样内层dialog就会插入到body元素上，确保内外层dialog和遮罩层级关系的正确。[2]具体使用方法如下所示：

<el-dialog width="30%" title="内层 Dialog" :visible.sync="innerVisible" append-to-body></el-dialog>

通过添加append-to-body属性，内层dialog就可以正常显示，并且遮罩层也可以正常点击了。这样就解决了内层dialog上遮罩层无法点击的问题。