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

发布于 2022-09-13 00:39:43 字数 377 浏览 15 评论 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

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

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

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

困倦 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">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文