el-button怎么共用一个el-dialog组件，代码演示

可以通过在`el-button`组件上绑定`click`事件，在事件中触发`el-dialog`的打开操作来实现共用一个`el-dialog`组件的效果。下面是一个简单的示例代码：

<template>
  <div>
    <el-button @click="showDialogOne">打开对话框1</el-button>
    <el-button @click="showDialogTwo">打开对话框2</el-button>
    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible">
      <span>{{ dialogContent }}</span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogTitle: '',
      dialogContent: '',
      dialogVisible: false
    }
  },
  methods: {
    showDialogOne() {
      this.dialogTitle = '对话框1'
      this.dialogContent = '这是对话框1的内容'
      this.dialogVisible = true
    },
    showDialogTwo() {
      this.dialogTitle = '对话框2'
      this.dialogContent = '这是对话框2的内容'
      this.dialogVisible = true
    }
  }
}
</script>

在上面的代码中，我们通过绑定`el-button`的`click`事件来触发打开`el-dialog`组件，并通过`dialogTitle`、`dialogContent`和`dialogVisible`三个数据来动态渲染`el-dialog`的标题、内容和可见性。这样，我们就可以通过共用一个`el-dialog`组件来实现多个按钮打开不同内容的对话框的效果。