vue 重新渲染el-dialog

如果你想在 Vue 中重新渲染一个 `el-dialog`，可以使用 `this.$forceUpdate` 方法来强制组件重新渲染。代码如下：

<template>
  <div>
    <el-dialog
      :visible.sync="dialogVisible"
      title="Dialog Title"
      width="30%"
    >
      <p>Dialog content goes here</p>
      <el-button type="primary" @click="updateDialog">
        Update Dialog
      </el-button>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    updateDialog() {
      // Toggle the dialog visibility to trigger a re-render
      this.dialogVisible = false;
      this.$nextTick(() => {
        this.dialogVisible = true;
      });
    }
  }
};
</script>

在这个示例中，当用户单击“Update Dialog”按钮时，`updateDialog` 方法将会被调用。该方法首先将 `dialogVisible` 设置为 `false`，然后在下一个 Tick 中将其设置为 `true`。这将会触发一个重新渲染，从而更新 `el-dialog`。