elementui+vue中富文本编辑框 vue-quill-editor 触发验证

//首先添加自定义事件
<el-form-item label="内容:" prop="content">
<quill-editor
   v-model="editModel.content"
    ref="myQuillEditor"
    :options="editorOption"
    @change="onEditorChange($event)"
    @blur='contentRule' //自定义一个事件
></quill-editor>
</el-form-item>

//校验
editrules: {
  //内容
  content: [{ required: true, message: "内容不能为空", trigger: "blur" }],
}

//方法
methods: {
  // 富文本校验
  contentRule(){
    this.$refs.addModelRef.validateField('content')
  },
}
上一篇:JTable单元格相关样式设置


下一篇:Airtest IDE 自动化测试11——图片编辑器(Image Editor)