做项目的过程中使用到了vant ui里面的DatetimePicker时间选择器,导致页面卡死,究其原因原来是这个组件中绑定的min-date和max-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-date和min-date中不能绑定动态的,只能绑定一个固定的值,否则就会导致页面卡死
版权声明:本文为BabyGod_Cheney原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。