最近在使用vantUI适配vue3的4.0版本时,日期组件老是渲染不出来,报这个错,意思是绑定值格式不对,但是我绑定的是按照官方文档的数组形式,代码如下
<van-date-picker
v-model="currentDate"
title="选择日期"
:min-date="minDate"
:max-date="maxDate"
@cancel="showPopup=false"
@confirm="confirmDate"
/>
data() {
return {
minDate:new Date(1800, 0, 1),
maxDate:new Date(2100, 0, 1),
currentDate:['2021','01','01'],
}
},
(这里我的写法依然是vue2,这不重要)
到这里依旧报错,折磨了我一天,后面突然发现,我在上面的input输入框中也绑定了 currentDate
导致直接把格式给我改了
<van-field
v-model="currentDate"
/>
解决方法:van-field 的v-model和日期选择器的v-model不要用同一个