vue 重写el-dialog里面的数据

Vue中重写`el-dialog`组件的数据通常是通过覆盖其属性来实现的。`el-dialog`是Element UI提供的对话框组件，用于展示内容，并提供用户交互。在Vue组件中，可以通过`v-model`指令来控制对话框的显示与隐藏，通过绑定不同的数据属性来更新对话框的内容。

以下是一个简单的示例来说明如何重写`el-dialog`的数据：

1. 在Vue模板中使用`el-dialog`并绑定`v-model`以及要展示的数据：

<template>
  <el-dialog :visible.sync="dialogVisible" title="提示">
    <span>{{ dialogContent }}</span>
    <div slot="footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dialogContent: '这是默认内容'
    };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true;
      this.dialogContent = '这是对话框重写后的内容';
    }
  }
}
</script>

2. 在上面的示例中，`dialogVisible`用于控制对话框的显示状态，`dialogContent`则用于存储对话框中要展示的内容。

3. 当需要改变对话框的内容时，可以直接修改`dialogContent`的值，然后调用一个方法（例如`openDialog`）来展示对话框。在这个方法中，除了设置`dialogVisible`为`true`以显示对话框外，还可以在需要的时候修改`dialogContent`的值，以显示不同的内容。