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

发布于 2022-09-13 00:39:43 字数 377 浏览 21 评论 0

<kindeditor id="editor_id" height="500px" width="700px"  :loadStyleMode="false" :wellFormatMode="true" :filterMode="false"
                      :content="editorText"></kindeditor>

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一刻暧昧 2022-09-20 00:39:43

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

回复收藏 0

困倦 2022-09-20 00:39:43

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

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

回复收藏 0

~没有更多了~