如果你想同时清除表单的校验状态和重置表单的值,可以使用表单组件的 resetFields() 和 clearValidate() 方法。以下是一个示例:<template> <el-form :model="form" :rules="rules" ref="form"> <!-- 表单输入字段 --> </el-form> <button @click="resetForm">重置表单</button> <button @clic...
el-form 的 model 属性是用来指定表单使用的数据的,虽然 el-form 指定了 model 对象,理论上,vue 并没有限制 el-input 绑定的数据,el-form 内部的 el-input 组件依然可以绑定其他数据。 需要注意的是,如果要用 rules 进行表单校验,那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性,否则会导致校...
37. 用上面的方法,把所有需要校验都覆盖了一次 ,可以实现效果,但是会有一个问题 code 字段都是必填校验,再切换的时候 会自动校验一次,然后提示必填的报错 将对应需要改的,通过修改属性的方法 进行修改,其他不变的 不修改,不全部覆盖对象,在切换的时候就不会有自行校验,然后调用clearValidate讲校验结果进行一次清空 ...