vue3 form表单的resetValidation到底怎么用？

[songyx95]

如题所示，resetValidation到底怎样用，特定场景：提交表单成功后停留在原页面并重置所有填写的表单项

vue版本：3.2.25
vant：3.5.3

<!-- html -->
<van-form ref="ruleForm" validate-first @submit="onSubmit">
<van-field
                    v-model="name"
                    name="name"
                    label="您的姓名"
                    clearable
                    placeholder="输入您的姓名"
                    :rules="[{ required: true, message: '请输入您的姓名' }]"
                />
<div class="cu-two__btn">
                    <van-button round block :loading="form_loading" color="#FE650F" native-type="submit"> 确认提交 </van-button>
                    <van-button round block native-type="button" @click="resets"> 重置 </van-button>
                </div>

// js
const ruleForm = ref(null)
const onSubmit = (values) => {
    console.log('ruleForm.value',ruleForm.value); // 此时ruleForm是可以打印出来的
    ruleForm.value.resetValidation('name')
}
const resets = () => {
    console.log('ruleForm.value',ruleForm.value);  // 此时ruleForm是可以打印出来的
    ruleForm.value.resetValidation('name')
}

我不管是自己写个方法里面调用这个重置的，还是在onSubmit中调用都没有起作用

[rysly]

同问

[chenjiahan]

resetValidation 是重置表单校验的状态，不是重置表单的值。

如果想重置表单的值，需要自行把表单项绑定的 ref 设置为初始值