设置vue-quill-editor禁止输入或编辑

Posted 2020-12-10 csji

<quill-editor
            class="ql-editor"
            v-model="form.content"
            ref="myQuillEditor"
            :options="editorOption"
            @blur="onEditorBlur($event)"
            @focus="onEditorFocus($event)"  //用到此方法
            @change="onEditorChange($event)"
 ></quill-editor>
当用户点击富文本框输入框的时候，就会被设置为禁止编辑

 onEditorFocus(event) { 
        event.enable(false);
 }, // 获得焦点事件