trigger: ['blur', 'change'] } trigger类型为blur的功能是文本框失去焦点才会触发 trigger类型为change的功能是文本框在输入内容时触发 trigger类型也可以同时使用blur和change,功能结合上面两个的功能
原因:clearable和trigger: blur不能同时使用 解决方法: 方法1. 去掉clearable 方法2. trigger改为change
el-form表单验证的 trigger类型 、 //第一种 { required: true, message: '请输入字典项', trigger: 'blur' }, //第二种 { required: true, message: '请输入字典项', trigger: 'change' }, //第三种 { pattern: /^[A-Za-z0-9_]+$/, message: '字典项只能由 大小写字母、数字、下划线组成...
<el-inputtype="password" v-model="ruleForm.pass"></el-input> </el-form-item> <el-form-item label="年龄" prop="age"> <el-input v-model.number="ruleForm.age"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm('ruleForm')">提交</el-...
<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 ...
trigger: 'blur', }"><el-selectv-model="items.name"filterablesize="small"placeholder="请选择参与人员"multiple@change="changeuser(items)"style="width: 470px;"><el-optionv-for="(item,index) in items.userList":key="index":label="item.userName":value="item.userId"></el-option></el-se...
trigger: 'blur' }]"> <el-input v-model="obj.workName" autocomplete="off" placeholder="请输入名称" style="width:220px" /> </el-form-item> <el-form-item label="选择时间:" :rules="[{ required: true, }]"> <template v-for="( item, ind ) in obj.timeRange" :key="`${index}...
{ required: true, message: '请填写活动形式', trigger: 'blur' } ] } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. checkForm(formName) { console.log(formName,'formName'); ...
校验规则写成内联就可以触发校验函数this.$refs["ruleForm"].validate((val) => {})了 <el-form-item label="姓名":prop="'formItemArr.' + index + '.name'":rules="{ required: true, message: '请填写', trigger: 'blur', }"> ... 完整代码...
{ required: true, message: '部门名称不能为空', trigger: 'blur' }]"><el-inputv-model="item.departmentName"placeholder="请输入部门名称"/></el-form-item><el-row><el-col:span="12"><el-form-itemlabel="负责人"style="margin-right:20px;":prop="'arr.' + index + '.personChargeName...