trigger: ['blur', 'change'] } trigger类型为blur的功能是文本框失去焦点才会触发 trigger类型为change的功能是文本框在输入内容时触发 trigger类型也可以同时使用blur和change,功能结合上面两个的功能
el-form表单验证的 trigger类型 、 //第一种 { required: true, message: '请输入字典项', trigger: 'blur' }, //第二种 { required: true, message: '请输入字典项', trigger: 'change' }, //第三种 { pattern: /^[A-Za-z0-9_]+$/, message: '字典项只能由 大小写字母、数字、下划线组成...
el-form validator trigger字段是触发表单验证的方法。 el-form validator trigger是el-form组件的验证规则,规定了el-form组件触发表单验证的方法。在el-form组件中,当用户对表单进行操作时,el-form组件会自动进行表单验证。如果用户没有触发验证规则中的任何一个,那么el-form组件就不会进行验证。因此,在自定义el-...
方法1. 去掉clearable 方法2. trigger改为change
</el-form> </template> <script> export default { data() { return { ruleForm: { pass: '', checkPass: '', age: '', }, rules: { pass: [{ required: true, message: '请输入名字', trigger: 'blur' }], age: [{ required: true, message: '请输入年龄', trigger: 'blur' }], ...
<el-form-item label="姓名" :prop="'formItemArr.' + index + '.name'" :rules="{ required: true, message: '请填写', trigger: 'blur', }" > ... 完整代码 演示的话,大家直接复制粘贴即可 <template> <div class="box"> <el-button @click="addForm" size="mini" type="primary" plain ...
elementui的el-form表单自定义组件的验证规则触发trigger,在子组件的失去焦点的函数下写上如下代码://这个函数是失去焦点的onEditorBlur(){//失去焦点触发下面这个this.$parent.$emit("el.form.blur");},...
form: {taskRel:[]}, } // 点击加号:添加一行header function addbtn() { form.value.taskRel.push({ deptId: '', name:'',partPeopleId: '', deptOptions:[], userList:[] }); }; // 点击减号:删除一行header function deleteHeaderRow (index) { ...
<el-form-item :prop="`data.${index}.timeRange.${ind}.time`" :rules="[{ required: true, type: 'array', message: '请选择日期区间', fields: { 0: { type: 'string', required: true, trigger: 'change', message: '请选择开始日期' }, 1: { type: 'string', required: true, trigger...
<el-form-item label="姓名":prop="'formItemArr.' + index + '.name'":rules="{ required: true, message: '请填写', trigger: 'blur', }"> ... 完整代码 演示的话,大家直接复制粘贴即可 <template><divclass="box"><el-button@click="addForm"size="mini"type="primary"plain>添加表格</el-b...