ElementPlus表单校验不生效的问题可能由多种原因导致。以下是一些常见的解决步骤和检查点,帮助你定位和解决问题: 检查ElementPlus表单校验规则是否正确设置: 确保你已经为el-form组件设置了:rules属性,并且该属性包含了一个对象,对象的键对应于el-form-item的prop属性,值则为具体的校验规则。 vue <el-form :model...
onSignIn方法中进行验证 constonSignIn= (formEl: FormInstance |undefined) => {if(!formEl)return;//添加 async 以便返回 PromiseformEl.validate(async(valid) => {if(valid) {//验证通过,发起后端请求}else{//验证不通过} }); };
[Component] [form] cdn引入vue3和elementplus2.8.5本地开发,调用el-form表单组件validate方法无效,报错:异常:TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at AsyncFunction.invokeGetter (<anonymous>:...
<el-form-item label="活动名称" prop="name"> <!-- validate-event属性的作用是: 输入时不触发表单验证.提交时再验证,也可以设置成动态验证 --> <el-input v-model="registData.name" :validate-event="false"></el-input> </el-form-item> rules: { // 表单验证规则 name: [ { required: true...
const formRef = ref<FormInstance>(); const submitForm = (formEl: FormInstance | undefined) => { if (!formEl) return; console.log(formEl); formEl.validate((valid: boolean) => { if (valid) { window.localStorage.setItem("aaa", JSON.stringify(formModel)); } }); }; 输出的formEl是这样...
element-plus表单校验无效 | > prop : model 的键名。 它可以是一个属性的值(如 a.b.0 或 ['a', 'b', '0'])。 在使用了 validate、resetFields 的方法时,该属性是必填的。没有注意到这句话,导致debug两个小时。#前端开发 #vue3 #element plus 发布于 2024-05-28 19:05・IP 属地陕西...
validate里面不进行return或者return的类型是promise,因为对validate的callback的返回类型定义是Promise<void> | void @Liao-js如果这里的写法发生变动,请增加非兼容版本号,并明显标注,如果全部修改是存在大量工作量的。经过测试2.7.1之前是没有问题的,这个严格验证应该是2.7.2新增的。个人认为这种不兼容的改动应该升级版...
reactive声明了一个属于form表单的state,我需要在提交时对其中的某些属性进行验证通过后调用emit方法提交数据到父组件,这时我对emit里面提交的数据做了如下处理: const ok = (ruleFormRef: any | undefined) =>{if(!ruleFormRef)returnruleFormRef?.validate((valid: any) =>{if(valid) {//@ts-ignoreemits(...
validate(callback)参数为回调函数 validateField(arr,callback)第一个参数为数组,第二个参数为回调函数 --额外两个-- resetFields()表单重置,表单所有字段值重置为初始值,移除校验结果 clearValidate(arr/string)移除表单项的校验结果。他的参数是字符串或者数组,想移除那个就把prop值作为参数,多个就以数组形式 ...