如何让element Vue在同一个vue页面用不同按钮响应不同的dialog显示不同内容？

您可以在Vue组件中使用Element UI的Dialog组件，并在每个按钮中绑定不同的事件处理程序，以响应不同的Dialog内容。以下是一个示例代码：

<template>
  <div>
    <el-button @click="showDialog1">打开对话框1</el-button>
    <el-button @click="showDialog2">打开对话框2</el-button>

    <el-dialog :visible.sync="dialogVisible1">
      <span>这是对话框1的内容</span>
    </el-dialog>

    <el-dialog :visible.sync="dialogVisible2">
      <span>这是对话框2的内容</span>
    </el-dialog>
  </div>
</template>

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

在上面的代码中，我们定义了两个按钮，分别绑定了`showDialog1`和`showDialog2`方法。这两个方法分别将`dialogVisible1`和`dialogVisible2`设置为`true`，以打开不同的Dialog。在Dialog组件中，我们使用`:visible.sync`指令绑定了对应的`dialogVisible`状态，以实现Dialog的显示和隐藏。同时，我们还在每个Dialog中定义了不同的内容。这样，通过不同的按钮点击事件，我们可以在同一个Vue页面中显示不同的Dialog内容。