一、表单提交后,发现表单中的数据没有清空。两种实现方法: (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-form 的 model 属性是用来指定表单使用的数据的,虽然 el-form 指定了 model 对象,理论上,vue 并没有限制 el-input 绑定的数据,el-form 内部的 el-input 组件依然可以绑定其他数据。 需要注意的是,如果要用 rules 进行表单校验,那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性,否则会导致校...
用上面的方法,把所有需要校验都覆盖了一次 ,可以实现效果,但是会有一个问题 code 字段都是必填校验,再切换的时候 会自动校验一次,然后提示必填的报错 将对应需要改的,通过修改属性的方法 进行修改,其他不变的 不修改,不全部覆盖对象,在切换的时候就不会有自行校验,然后调用clearValidate讲校验结果进行一次清空 watch:...