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')
  },
}

相关文章

el-menu 有个属性 :default-active="curActive"...
基础用法1<el-inputv-model="input1"palcehode...
 1.安装element-uinpminstallelement-ui-S 2.在main.js中i...
layout布局通过基础的24分栏,可进行快速布局基础布局使用单...
 今天做一个选择年份的功能,直接调用了ElementUI里面的Dat...
  that.end 即为结束日期