Invalid prop: type check failed for prop "modelValue". Expected String | Number, got Date

这个错误提示是因为 `modelValue` 属性期望的是 `String` 或 `Number` 类型的值，但是你传递给它的是 `Date` 类型的值。

通常情况下，我们使用 `v-model` 来绑定表单元素的值，而 `v-model` 默认情况下是会将表单元素的值转换为字符串类型的。但是，对于一些特定的表单元素，例如 `input[type="number"]` 和 `input[type="date"]`，它们的值不一定是字符串类型的，所以 `v-model` 绑定它们的值时需要特别注意。

针对这种情况，你可以通过在模板中显式地将 `date` 属性转换为字符串类型来解决这个问题，例如：

<input type="date" v-model="formData.date" :value="formData.date.toISOString().slice(0, 10)" />

在这里，我们使用 `toISOString()` 方法将 `Date` 对象转换为 ISO 格式的字符串，然后使用 `slice()` 方法截取前 10 个字符，即日期部分的字符串，作为 `date` 属性的值传递给 `v-model`。这样就可以解决这个错误了。

相关问题

Invalid prop: type check failed for prop "modelValue". Expected Number | String | Boolean, got Array

在JavaScript或React开发中，"Invalid prop: type check failed for prop 'modelValue'" 这个错误通常表示你在向组件传递props (属性) 时，预期的prop类型应该是Number、String或Boolean，但实际上接收到的是Array类型的数据。React对组件的props有严格的类型检查，当你尝试将数组赋值给需要单个数值、字符串或布尔值的props时，就会抛出这样的错误。

例如，如果你有一个组件期望`modelValue`是个值，但是你传了一个数组 `[1, 2, 3]`：

<MyComponent modelValue={[1, 2, 3]} />

在这种情况下，你需要确保传递的`modelValue`不是数组，而是单个数字、字符串或布尔值：

<MyComponent modelValue={1} />   // 如果你想要一个数字
<MyComponent modelValue="hello" /> // 字符串
<MyComponent modelValue={true} /> // 或者布尔值

Invalid prop: type check failed for prop "modelValue". Expected String | Number | Boolean, got Object

这个错误提示是因为在使用v-model绑定时，期望得到的是字符串、数字或布尔值类型的值，但实际上传入的是一个对象类型的值。这个问题通常出现在组件的props属性中，当我们在使用组件时，传入的props属性类型与组件内部定义的类型不一致时，就会出现这个错误。解决这个问题的方法是检查组件的props属性类型是否正确，并确保传入的值类型与组件内部定义的类型一致。如果还是无法解决问题，可以考虑使用类型检查工具，如TypeScript来帮助我们更好地管理组件的props属性类型。