一、表单提交后,发现表单中的数据没有清空。两种实现方法: (1)官网中提供的重置方法:this.$refs['formName'].resetFields();(2)清空数据:this.$refs['formName'].clearValidate();(3)常用示例 : <el-form :model="formData" :rules="rules" ref="formData"> if(this.$refs.formData){ this.$refs.form...
el-from-item 的 prop 属性必须与 el-input 中需要校验的表单属性一致。 要校验的表单 model 是 data.strategyName,那么 prop 的值也必须是 strategyName,否则无法正确完成校验,出现明明已经已经输入了表单值,但是还是出现校验失败的提示信息。 多表单校验 el-form-item 内部如果包含多个表单,默认校验失败时会将所有...
用上面的方法,把所有需要校验都覆盖了一次 ,可以实现效果,但是会有一个问题 code 字段都是必填校验,再切换的时候 会自动校验一次,然后提示必填的报错 将对应需要改的,通过修改属性的方法 进行修改,其他不变的 不修改,不全部覆盖对象,在切换的时候就不会有自行校验,然后调用clearValidate讲校验结果进行一次清空 watch:...
element ui 动态切换表单校验遇到的自行校验问题以及清空校验结果,动态切换校验规则watch:{'isEmail':{handler:function(){if(this.isEmail){this.rules={name:[{required:false,trigger:'bl