问题描述:
使用vant form 校验,设置重置按钮,点击后校验还是存在
尝试:1、使用this.$refs.form.resetValidation()方法不起作用
2、设置按钮为native-type="submit"也没有得到解决
<van-button class="btn" type="info" native-type="submit" :loading="loading" loading-text="预测中...">预测</van-button>
解决办法:
第一步 data中定义
data() {
return {
formKey: 0,
}
},
第二步 添加一个key
<van-form @submit="confirm" ref="form" :key="formKey">
第二步 重置时key自加
reset() {
this.formKey++;
}
原理:将原来的form覆盖,叠加一层。