Vue 3 + Vee-Validate handleSubmit 不起作用

Question

我正在使用 handleSubmit 按钮单击时使用保存功能，但单击时它不起作用，就好像我没有按下按钮一样，谁能告诉我它可能是什么？

const schema = yup.object({
    roleName: yup.string().min(4).required()
});

const { errors, handleSubmit, setValues } = useForm({
    validationSchema: schema
})

const save = handleSubmit(values => {   // button click save function
    console.log(values)
})

Answer 1

在您的架构对象中，属性 roleName 需要与您的 v-model 输入的名称相同。

<input v-model="textInput" label="Email:" />

const schema = yup.object({
    textInput: yup.string().min(4).required()
});