vue-simplemde使用async-validator验证没有触发验证事件

项目框架是IView,然后引用了vue-simplemde然后对其文本进行验证,使用async-validator,但是没有触发事件,

<Row>
    <Col span='24'>
        <FormItem label="职位描述" prop="positionDesc">
            <markdown-editor :configs="meConfig" v-model.trim="positionForm.items.positionDesc"></markdown-editor>
                </FormItem>
    </Col>
</Row>
import markdownEditor from 'vue-simplemde/src/markdown-editor'
import 'simplemde/dist/simplemde.min.css';

data(){
    const validatorPositionDesc = (rule,value,callback)=>{
        console.log('value === ',value);
        
        if(value.length <= 0){
               callback('请输入职位描述');
        }
        else{
               callback();
        }
    }
    return{
       positionForm:{
            items:{
                positionDesc: ''
            },
        rules:{
                    positionDesc:[{
                        required:true,
                        validator:validatorPositionDesc,//注意这里的事件,它好像根本没有触发 ,如何解决?
                        trigger:'change'
                    }],
                }
            },    
        }
    }
}

clipboard.png

阅读 4.6k
1 个回答

没办法只得再验证一遍就好了,可能是因为第一次没有触发验证第二次就好了!!!

// 再次验证一遍,把之前验证不通过的表单通过这次验证就全部能通过
            setTimeout(()=>{
                this.$refs.positionform.validate((valid) => {});
            },1000);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题