解决Vant时间选择器组件报错--Invalid prop: type check failed for prop “value“. Expected Number, String, got Date

在写项目的时候使用了vant组件库的时间选择器做功能但是初始选择时间没问题,一更改就会报错,错误的大致内容是定义的初始值为数字或字符,但是获得了日期类型,因为是vue项目所以再表单里使用的v-model,进行的双向绑定,如下图二,所以一旦更改表单内容系统就会自动更新判断值的类型,解决问题也很简单,使用v-bind进行单向绑定就可解决这个错误!!!

 代码部分:

  <!-- 入学时间 -->
 <van-field :value="values.date"  @click="entDate = true"   label="入学时间" name="入学时间" readonly is-link  placeholder="请填写入学时间" :rules="[{ required: true }]" :required="true" />
 <van-popup v-model="entDate" round position="bottom">
  <van-datetime-picker :value="values.date" @cancel="entDate = false" @confirm="entryDate"
  type="year-month" title="选择年月"  :min-date="minDate" :max-date="maxDate" :formatter="formatter"/>
 </van-popup>

 

猜你喜欢

转载自blog.csdn.net/weixin_51828648/article/details/130861231