vue-quill-editor富文本插件在chrome翻译时候无法输入问题

最近开发的nuxt项目中使用到了vue-quill-editor富文本,我单独将它封装成了一个组件在vue文件中去使用,但发现vue-quill-editor在输入内容时候,如果placeholder是英文,然后去点击chrome自带的翻译,placeholder被翻译为中文后,就会无法输入内容,此时只需要在使用vue-quill-editor富文本的div上增加一个notranslate的class即可

我的代码如下:

<div class="quill_editor notranslate" :content="centerContent" @change="onEditorChange($event)" @blur="onEditorBlur($event)"
v-quill:myQuillEditor="editorOption"></div>

posted @ 2022-04-20 12:30  星马豪  阅读(428)  评论(0编辑  收藏  举报