vue使用kindeditor插件第二次打开无法输入

• Z时代
• 2024-02-26
• 分类：IT

<kindeditor id="editor_id"  :loadStyleMode="false" :wellFormatMode="true" :filterMode="false"
                      :content="editorText"></kindeditor>

element+vue前端项目，整个富文本编辑器放在dialog中，第一打开dialog能够正常获取数据，也能编辑输入，关闭后第二次打开的时候输入框就无法输入，点击工具栏加粗、斜体等按钮控制台就报错
Cannot read property 'scrollX' of null

回答：

关闭dialog 是不是销毁了内容？

回答：

暂时解决了
原因：kindeditor没法获取到焦点
解决方法：在dialog上增加v-if="open"
这个open绑定的数据和:visible.sync="open"一样

<el-dialog :title="title" :visible.sync="open" append-to-body @closed="closeDialog"
               :close-on-click-modal="false" v-if="open">

以上是 vue使用kindeditor插件第二次打开无法输入 的全部内容， 来源链接： utcz.com/p/935738.html