Vue+TypeScript报错：Parameter 'value'隐式any类型，如何为value加类型注解？

你遇到的错误是因为TypeScript的noImplicitAny规则（Vue TS项目默认开启）要求所有函数参数必须有明确的类型注解，不能隐式推断为any。针对输入框的校验规则，你可以通过以下两种方式解决：

直接为参数添加类型注解 #

输入框的值为字符串类型（可能为空或未定义），直接在箭头函数的参数上标注string | undefined即可：

<script lang="ts">
export default {
  data: () => ({
      firstName: '',
      firstNameRules: [
        // 为value添加类型注解
        (value: string | undefined) => {
          if (value?.length > 3) return true
          return 'First name must be at least 3 characters.'
        },
      ],
    }),
  }
</script>

结合Vuetify的类型定义（更规范） #

如果你使用的是Vuetify框架（代码中用到了v-text-field），可以直接复用Vuetify提供的ValidationRule类型来约束整个规则数组：

<script lang="ts">
// 导入Vuetify的校验规则类型
import type { ValidationRule } from 'vuetify'

export default {
  data: () => ({
      firstName: '',
      // 明确firstNameRules的类型为ValidationRule数组
      firstNameRules: [
        (value: string | undefined) => {
          if (value?.length > 3) return true
          return 'First name must be at least 3 characters.'
        },
      ] as ValidationRule[],
    }),
  }
</script>

这样既解决了类型错误，也让代码的类型约束更严谨，符合TypeScript的最佳实践。

内容的提问来源于stack exchange，提问作者user20984971