使用vant ui的DatetimePicker组件导致页面卡死

做项目的过程中使用到了vant ui里面的DatetimePicker时间选择器,导致页面卡死,究其原因原来是这个组件中绑定的min-datemax-date,不可以是一个实时的date对象,应该绑定的是一个存着date对象的变量

错误示例:

<van-datetime-picker
  v-model="currentDate"
  type="date"
  @confirm="onVisaExpirationDateConfirm"
  :min-date="new Date()"
  :max-date="new Date('2050-12-22')"
/>

这种绑定动态的日期是会卡死的,应该绑定的是一个存着date对象的变量

正确实例

<van-datetime-picker
  v-model="currentDate"
  type="date"
  @confirm="onConfirm"
  :min-date="minDate"
  :max-date="maxDate"
/>

<script>
	data() {
        returen {
            currentDate: new Date(),
            minDate: new Date('2020-10-10'),
            maxDate: new Date('2050-12-22')
        }
    }
</script>

总结

总之,max-datemin-date中不能绑定动态的,只能绑定一个固定的值,否则就会导致页面卡死


版权声明:本文为BabyGod_Cheney原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。