Vuelidate 打字

Posted 2023-05-09

【中文标题】Vuelidate 打字

【英文标题】：Vuelidate Typing

【发布时间】：2021-11-24 17:12:17

【问题描述】：

我正在使用 Vuelidate "@vuelidate/core": "^2.0.0-alpha.26" 和 "@vuelidate/validators": "^2.0.0-alpha.22" 和 Typescript。

在我的组件中，我使用组合 API，因此我使用 useVuelidate() 初始化 Vuelidate。但是，我的模板中出现打字错误。

    const model: Model = ...;
    const v$ = useVuelidate(rules, model);

那么我希望 v$.value.$model 是 Model 类型，但是它是 Unknow 类型，这给我在剩余脚本中的问题。我查看了 vuelidate 的类型声明，默认情况下 T 被定义为未知，但我找不到用我想要的类型覆盖它的方法。 所以我正在寻求帮助来定义模型的类型和所有底层道具。

【参考方案1】：

通常你必须将类型作为泛型传递给函数：

const model: Model = ...;
const v$ = useVuelidate<Model>(rules, model);

【讨论】：

这是我首先尝试的，但 useVuelidate 需要两个参数，没有一个是简单的接口