vue中富文本编辑框 vue-quill-editor 无法触发验证问题与验证提示无法取消

今天用 vue-quill-editor过程中发现 vue-quill-editor 无法触发验证只有当点击确定才能触发 并且验证提示一直无法取消 上网查了半天 不是水文章就是讲的一知半解 自己研究了一下后 把解决方法分享给大家

问题一 无法触发验证问题

解决

1 自定义一个 事件

<el-form-item label="题干:"  prop="questionss"> //验证字段
          <quill-editor ref="text"
                        v-model="form.question"
                        class="myQuillEditor"
                        :options="editorOption"
                        @blur='question' //自定义事件
                        />
        </el-form-item>

 2 添加验证规则

 rules: {
        questionss: [{ required: true, message: '请输入题干', trigger: 'blur' }]
      }

3  在事件函数中获取表单启动验证

 // 题干富文本事件函数启动校验
    question () {
    // validateField表单的字段验证的方法