javascript - 是的，带有 vee-validate 和 typescript 的模式

Question

我想通过 yup 模式验证来验证一组对象，但我有打字稿错误。

这是我的 yup 架构：

const validationSchema = yup.object({
  roles: yup
    .array()
    .of(
      yup.object().shape({
        id: yup.number(),
        title: yup.string(),
        created_at: yup.string(),
        updated_at: yup.string(),
      })
    )
    .required('Role is required'),
});

和设置（这里我有一个错误）：

 const { handleSubmit, errors, meta, setValues } = useForm({
      validationSchema,
    });
    const { value: roles } = useField<RoleType[]>('roles');

    watch(
      () => props.data,
      (value) => {
        if (value) {
          const { roles } = value;

          setValues({
            roles,
          });
        }
      },
      {
        immediate: true,
      }
    );

角色类型接口：

export interface RoleType {
  id: number;
  title: string;
  created_at: string;
  updated_at: string;
}

我该如何解决？

标签： javascripttypescriptvue.jsvue-composition-apivee-validate