需求说明
如图: 当点击右边的叉时, 需要删除这个输入框,删除这个输入框只需要一个变量就可以解决。
但使用v-show的方式去除这个输入框的时候,但下面的校验信息却没有消失
解决方法
找了半天,表单局部重置的方法,都在让使用resetFiled方法,但这个方法是全部重置的意思, 没法实现本次的需求。
因此找到官网中提供的一个API:
delShowUser() {
this.showUserLogin = false;
this.submitForm.userLogin = "";
this.$refs.submitForm.clearValidate("userLogin"); // 清除某一个prop的校验
},
赶在下班前解决, 开森