el-dialog嵌套,修改内层el-dialog样式(自定义样式)

在Vue中使用Element UI库时，如果你需要修改嵌套在el-dialog内的另一个el-dialog的样式，可以通过类名来指定并覆盖默认样式。

首先，确保给内层的el-dialog添加一个自定义的类名，然后在CSS中定义你的自定义样式。

<!-- 外层el-dialog -->
<el-dialog :visible.sync="outerDialogVisible" custom-class="outer-dialog">
  <!-- 内层el-dialog -->
  <el-dialog :visible.sync="innerDialogVisible" custom-class="inner-dialog">
    <!-- 内层el-dialog的内容 -->
  </el-dialog>
</el-dialog>

在CSS中：

<style scoped>
.outer-dialog /deep/ .inner-dialog {
  /* 自定义内层el-dialog的样式 */
  background-color: #f0f0f0;
  /* 其他样式 */
}
</style>

注意：/deep/ 是Vue中的深度选择符，用于穿透Scoped CSS。如果你的项目中使用的是Vue 2.x，请确保已经安装了deep-select插件或者使用>>> 操作符来代替。如果是Vue 3.x，保留/deep/或>>>操作符。

另外，如果你不想使用Scoped CSS，可以直接在外层el-dialog的自定义类上添加样式，然后内层el-dialog将继承这些样式，除非你在内层定义了新的样式来覆盖它。

.outer-dialog .inner-dialog {
  /* 自定义内层el-dialog的样式 */
  background-color: #f0f0f0;
  /* 其他样式 */
}

确保你的自定义样式选择器权重足够高，以覆盖默认的Element UI样式。如果需要，可以使用更具体的选择器或者增加!important来确保样式被应用。