javascript - Vee Validate 3.x，定义ValidationFlags 类型

Question

我正在尝试查找和使用 ValidationFlags输入 Vee-Validate 3。但我无法导入它。

我知道该类型存在于 source code here 中.但是当我尝试像这样导入它时:
import { ValidationObserver, ValidationFlags } from "vee-validate";
它说它没有导出成员 ValidationFlags，这里有一些示例代码供我引用:

<template>
  <ValidationProvider v-slot="validationContext">
    <input v-model="name" :state="isValidState(validationContext)"/>
  </ValidationProvider>
</template>

<script lang="ts">
  import { ValidationObserver } from "vee-validate";

  methods: {
    isValidState({ valid, dirty }: --someTypeHere--) { // I'm getting type warning if I don't use a type here
      return valid;
    }

  }
</script>

如何为验证标志导入正确的类型并将其用于我的 isValidState方法参数？

Answer 1

大多数类型都不会导出，因为它们是严格内部的，不应依赖。

由于 typescript 是基于结构的，因此可以根据您的目的填写这些类型中的任何一种:

type Flags = Record<string, boolean>;

// Or

interface Flags {
  [k: string]: boolean;
}

或者您可以随时复制类型并在您的应用程序中使用它。