el-form表单验证的trigger类型 、 //第一种{ required:true, message:'请输入字典项', trigger:'blur'},//第二种{ required:true, message:'请输入字典项', trigger:'change'},//第三种{ pattern:/^[A-Za-z0-9_]+$/, message:'字典项只能由 大小写字母、数字、下划线组成', trigger: ['blur', ...
form: { phone: '', }, rules: { phone: [ { required: true, validator: validateNumber, trigger: 'blur', }, ], }, }; }, ... 原因:clearable和trigger: blur不能同时使用 解决方法: 方法1. 去掉clearable 方法2. trigger改为change
trigger: 'blur', // 触发方式,失去焦点 itemType: 'number', // 当前类型,文字输入框 labelName: item.labelName, // 当前输入框的名字 value: form[item.propName], // 输入框输入的绑定的值 validator: validateEveryData, // 校验规则函数 }, ] : [] "><el-input:placeholder="item.placeholder"...
el-form validator trigger字段是触发表单验证的方法。 el-form validator trigger是el-form组件的验证规则,规定了el-form组件触发表单验证的方法。在el-form组件中,当用户对表单进行操作时,el-form组件会自动进行表单验证。如果用户没有触发验证规则中的任何一个,那么el-form组件就不会进行验证。因此,在自定义el-...
</el-form-item> <el-form-item label="密码"> <el-input type="password" v-model="form.pwd"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">登录</el-button> <el-button>取消</el-button> ...
{ required: true, message: '此字段为必填项', trigger: 'blur' }, ]; } else { this.rules.dynamicField = [{ required: false }]; } }, }, methods: { submitForm() { this.$refs.formRef.validate((valid) => { if (valid) { alert('提交成功!'); } else { console.log('error...
{ required: true, message: '请输入年龄', trigger: 'blur' }, { type: 'number', min: 0, message: '年龄需要大于0', trigger: ['change', 'blur'], }, ], 1. 2. 3. 4. 5. 6. 加上type: ‘number’, trigger: [‘change’, ‘blur’],...
input v-model="form.name"></el-input> </el-form-item> </el-form> </div> </template> <script> export default { name: 'App', data () { return { form: { name: 'Tim' }, rules: { name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }] } } } } </...
前同事在代码里写了大量v-if 编辑表单弹出时会触发一次验证 输入时输入框框有值也会触发验证规则 点击提交也会触发规则!!! 解决: 第一次触发将 -trigger改为bulr , 不使用change 第二次触发-在点击编辑时 clearValidate , this.$refs[formname].clearValidate() 第三次...
在子组件的失去焦点的函数下写上如下代码: //这个函数是失去焦点的 onEditorBlur() { //失去焦点触发下面这个 this.$parent.$emit("el.form.blur"); },