antd vue DatePicker Invalid prop: type check failed for prop "value". Expected Object | String, got Number with value 0.
时间: 2023-12-16 08:27:15 浏览: 306
vue-antd-admin::ant:Ant Design Pro与Vue的实施
5星 · 资源好评率100%
Ant Design Vue的DatePicker组件要求传入的value属性必须是Object或String类型,而你传入的是Number类型的0,因此出现了Invalid prop错误。你需要将0转换为对应的Object或String类型的值后再传入DatePicker组件的value属性中。
以下是两种解决方法:
1. 将0转换为对应的Object类型的值:
```javascript
<template>
<a-date-picker :value="date"></a-date-picker>
</template>
<script>
export default {
data() {
return {
date: null
}
},
mounted() {
this.date = new Date(0) // 将0转换为对应的Object类型的值
}
}
</script>
```
2. 将0转换为对应的String类型的值:
```javascript
<template>
<a-date-picker :value="date"></a-date-picker>
</template>
<script>
export default {
data() {
return {
date: null
}
},
mounted() {
this.date = '1970-01-01' // 将0转换为对应的String类型的值
}
}
</script>
```
阅读全文