el-dialog的后面怎么插入图标

可以在`el-dialog`中使用`el-icon`元素来插入图标，具体步骤如下：

1. 在`<el-dialog>`标签中添加`title`属性，并设置标题文本。
2. 在`<el-dialog>`的`title`属性值中使用`<i>`标签来插入图标，同时为该标签添加`class`属性值为`el-icon-*`，其中`*`为具体的图标名称，例如`el-icon-edit`。
3. 完整代码示例：

<el-dialog
  :title="dialogTitle"
  :visible.sync="dialogVisible">
  <!-- 在标题中插入图标 -->
  <span slot="title">
    <i class="el-icon-edit"></i> 编辑
  </span>
  <!-- 对话框内容 -->
  <p>这是对话框的内容。</p>
</el-dialog>

这样就可以在`el-dialog`的标题中插入图标了。如果需要在对话框的其他位置插入图标，也可以使用类似的方法，在需要插入图标的位置使用`<i>`标签并添加`el-icon-*`类。

相关问题

el-dialog嵌套，关闭第二个el-dialog，第一个el-dialog的按钮点击不了

根据提供的引用内容，el-dialog嵌套时，如果关闭第二个el-dialog，可能会导致第一个el-dialog的按钮无法点击。这是因为第二个el-dialog被关闭后，遮罩层仍然存在，导致无法点击第一个el-dialog的按钮。

解决这个问题的方法是给第二个el-dialog添加append-to-body属性，并将其设置为true。这样，第二个el-dialog会插入到body元素上，保证了内外层el-dialog和遮罩层级关系的正确。

另外，也可以考虑使用el-dialog和ElMessageBox结合的形式，这样就不会出现弹窗被遮住的问题。

以下是一个示例代码，演示了el-dialog嵌套时关闭第二个el-dialog后，第一个el-dialog的按钮可以正常点击：

<template>
  <div>
    <el-dialog
      title="第一个el-dialog"
      :visible.sync="dialogVisible1"
      width="30%"
    >
      <p>第一个el-dialog的内容</p>
      <el-button type="primary" @click="openDialog2">打开第二个el-dialog</el-button>
    </el-dialog>

    <el-dialog
      title="第二个el-dialog"
      :visible.sync="dialogVisible2"
      width="30%"
      :append-to-body="true"
    >
      <p>第二个el-dialog的内容</p>
      <el-button type="primary" @click="closeDialog2">关闭第二个el-dialog</el-button>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible1: false,
      dialogVisible2: false
    };
  },
  methods: {
    openDialog2() {
      this.dialogVisible2 = true;
    },
    closeDialog2() {
      this.dialogVisible2 = false;
    }
  }
};
</script>

el-tabs在el-dialog

el-tabs可以在el-dialog中使用。在el-dialog中使用el-tabs时，需要注意以下几点：

1. 如果el-dialog中包含el-tabs时关闭时浏览器卡死问题，可以尝试在el-dialog中使用destroy-on-close属性，即在el-dialog上添加属性destroy-on-close="true"，这样在关闭el-dialog时会销毁el-tabs，避免内存泄漏和浏览器卡死问题。

2. 如果想要在el-tabs处切换按钮所在行添加其他的内容，可以在el-tabs外部包裹一个div，然后在这个div中添加其他的内容，例如：

<el-dialog title="Dialog Title" :visible.sync="dialogVisible" width="30%" destroy-on-close="true">
  <div>
    <span>其他内容</span>
    <el-tabs>
      <el-tab-pane label="Tab 1">Tab 1 Content</el-tab-pane>
      <el-tab-pane label="Tab 2">Tab 2 Content</el-tab-pane>
    </el-tabs>
  </div>
</el-dialog>