el-dialog中使用vue-quill-editor打开弹窗内容不清空问题

在`el-dialog`中使用`vue-quill-editor`时遇到内容不清空的问题，可能是由于组件的生命周期管理和数据同步问题。要解决这个问题，你可以尝试以下几个步骤：

1. **确保初始化**：确保在`el-dialog`显示之前，`vue-quill-editor`的内容被设为了默认的空值。例如，在你的`data`中定义：

data() {
  return {
    dialogVisible: false,
    quillEditorValue: '',
  };
}

然后在打开对话框的方法里清空内容：

openDialog() {
  this.quillEditorValue = ''; // 清空内容
  this.dialogVisible = true;
}

2. **利用生命周期钩子**：如果`dialogVisible`状态改变时，编辑器还没来得及初始化，可以在`mounted`或`beforeEnter`钩子中再次尝试清空：

mounted() {
  if (this.dialogVisible && !this.quillEditorValue.isEmpty()) {
    this.quillEditorValue.setText('');
  }
},
methods: {
  openDialog() {
    this.dialogVisible = true;
  }
}

3. **处理异步操作**：如果内容是通过网络请求获取后再填充到编辑器，确保在赋值内容之前已经清理了编辑器：

openDialog() {
  this.$nextTick(() => {
    this.getEditorContent().then(content => {
      this.quillEditorValue.setText(content);
    });
  });
}

getEditorContent() {
  // 异步获取内容并返回
}

4. **避免渲染循环**：确保`el-dialog`的打开和关闭不会触发无限递归的更新。如果你使用的是`v-model`绑定，检查是否有条件导致循环。