vue 刷新el-dialog中的内容

要刷新Vue中的el-dialog中的内容，可以通过以下步骤实现：

1. 在Vue组件中定义初始值。在el-dialog弹出框中，可以设置data属性来初始化弹出框中的内容。

2. 监听el-dialog的open事件。使用open事件会在el-dialog打开时自动执行一些操作。这样可以确保在弹出框打开后，内容已经更新过了。

3. 在open事件中，更新el-dialog中的内容。通过修改 Vue组件的data属性更新弹出框中的内容。

4. 关闭弹出框。在完成修改后，即可关闭el-dialog。

单独看一个实现的例子：

代码：

<template>
  <el-button type="primary" @click="showDialog">打开弹出框</el-button>
  <el-dialog title="弹出框" :visible.sync="dialogVisible" width="30%">
    <p>{{dialogContent}}</p>
    <el-button @click="refreshContent">刷新内容</el-button>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        dialogContent: '这是弹出框中的内容',
        dialogVisible: false
      }
    },
    methods: {
      showDialog() {
        this.dialogVisible = true;
      },
      refreshContent() {
        this.dialogContent = '您已经刷新了内容！';
      }
    }
  }
</script>

在上面的代码中，我们使用了data属性来初始化弹出框中的内容，使用了visible属性控制el-dialog的显示和隐藏。在refreshContent方法中，调用了Vue组件的data属性来更新el-dialog中的内容。