如果在多个 vuetify 对话框中使用，TinyMCE 会完全空白

Question

我尝试在多个对话框中使用TinyMCE，但是每当我切换对话框时，TinyMCE 就会变得完全空白，我无法编辑它。

我创建了这个演示来重现我收到的错误：https://codesandbox.io/s/tinymce-vue-demo-forked-nj4kdf?file=/src/App.vue

这两个按钮是都有自己的对话框的组件。单击两者之一即可显示 TinyMCE。单击另一个会出现空白的外观。

我尝试将 v-if 添加到tinyMCE，但这样做的结果是你仍然会看到空白的外观，但如果你再次打开相同的对话框，它会正常工作。我还需要彻底解决这个问题。

Answer 1

这是tinymce的一个错误，当像对话框元素一样删除/添加DOM元素时，编辑器会中断。解决方法是使用

eager

上的

<v-dialog>

属性来保持 DOM 元素呈现，无论对话框可见性状态如何。

<v-dialog v-model="display" eager>