elementui多个对话框出现相同的内容怎么解决

### 回答1：
如果你的 ElementUI 对话框出现相同的内容，可能是因为多次使用了同一个对话框组件实例，导致内容被重复渲染。为了避免这种情况，你可以每次打开对话框时，使用不同的组件实例，即使用 `Vue.extend` 方法创建一个新的组件实例，然后将需要展示的内容传递给实例中的 `props` 属性。这样每个对话框组件实例都将渲染独立的内容，不会出现重复的情况。

以下是一个示例代码，用于创建一个新的对话框组件实例：

import Vue from 'vue'
import MyDialog from './MyDialog.vue'

export default {
  methods: {
    showDialog(content) {
      const DialogConstructor = Vue.extend(MyDialog)
      const dialog = new DialogConstructor({
        propsData: {
          content: content
        }
      })
      dialog.$mount()
      document.body.appendChild(dialog.$el)
      dialog.visible = true
    }
  }
}

在上面的代码中，我们使用 `Vue.extend` 方法创建了一个新的对话框组件实例，然后将需要展示的内容传递给 `propsData` 属性。最后，我们将组件实例挂载到页面上，并设置 `visible` 属性为 `true`，以显示对话框。

### 回答2：
当element-ui中多个对话框出现相同的内容时，可以通过以下几种方式来解决：

1. 给每个对话框设置不同的内容：如果每个对话框需要展示的内容不同，可以在创建对话框的时候，分别设置不同的内容。这样每个对话框就会显示各自独立的内容，解决了内容相同的问题。

2. 使用动态数据绑定：如果多个对话框需要展示相同的内容，可以通过动态数据绑定的方式来解决。将相同的内容定义为一个变量，然后在创建每个对话框时，将这个变量绑定到对话框的展示区域上。这样不同的对话框都可以引用同一个内容变量，达到内容一致的效果。

3. 使用插槽来自定义内容：element-ui的对话框组件中提供了插槽的功能，可以根据需要自定义对话框的内容。可以在创建对话框时，使用插槽来定义不同的内容模板，然后将每个对话框的插槽名称设置为不同的值。这样每个对话框就可以根据插槽名称展示不同的内容，解决了内容相同的问题。

以上是解决element-ui多个对话框出现相同内容的几种方法，根据具体的需求选择适合的方式来应用即可。

### 回答3：
在Element UI中，多个对话框出现相同的内容可以通过以下方法解决：

1. 使用不同的数据源：每个对话框使用不同的数据来填充内容。可以根据对话框的唯一标识符或其他条件，从不同的数据源中获取相应的内容。

2. 动态生成对话框：根据需要动态生成多个对话框，并为每个对话框提供不同的内容。可以通过在循环中使用不同的变量或条件来创建多个对话框实例。

3. 更新对话框内容：如果多个对话框在同一时间显示相同的内容，可以通过监听对话框的显示事件，在每次显示时动态更新对话框的内容。例如，在显示对话框前，判断当前对话框是否已经存在，如果存在则更新内容，否则创建新的对话框。

4. 独立化处理：如果多个对话框的内容是相同的，但用户操作独立，可以将每个对话框设置为独立的组件实例，使其相互隔离。这样每个对话框都有自己独立的状态和数据，不会相互影响。

总之，解决多个对话框出现相同内容的方法可以是使用不同的数据源、动态生成对话框、更新对话框内容或独立处理。具体的解决方案需要根据实际情况进行选择和实现。