vue-quill-editor富文本编辑器，设置只读/禁止编辑

<quill-editorref="quillEditor"v-model="formData.content"@focus="focus($event)" //在焦点事件时候处理:options="options"/>当用户点击富文本框输入框的时候，就会被设置为禁止编辑//获取焦点事件focus(event){event.enable(false);//设置富文本编辑器不可编辑}..

技术小新Nora

14425人浏览 · 2020-11-26 12:33:42

技术小新Nora · 2020-11-26 12:33:42 发布

<quill-editor
   ref="quillEditor"
   v-model="formData.content"
   @focus="focus($event)" //在焦点事件时候处理
   :options="options"
/>

当用户点击富文本框输入框的时候，就会被设置为禁止编辑

//获取焦点事件
 focus(event){
  event.enable(false);  //设置富文本编辑器不可编辑
 }

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^