使用el-date-picker组件,默认带了clearable这个属性,这个属性是用于显示清除按钮,我们点击这个按钮,控制台会报如下错误:我们的代码如下:

const handleDateChange = (value: any) => {
	// value 是一个数组,包含用户选择的开始和结束日期
	state.queryForm.startDate = value[0]
	state.queryForm.endDate = value[1]
}

问题产生的原因

当点击清除后,data被赋值为null 所以报错了 

解决方法

可以先进行判断 为null就不进行赋值了

const handleDateChange = (value: any) => {
	// value 是一个数组,包含用户选择的开始和结束日期
	state.queryForm.startDate = value ? value[0] : undefined
	state.queryForm.endDate = value ? value[1] : undefined
}
const handleDateChange = (value: any) => {
	// value 是一个数组,包含用户选择的开始和结束日期
	state.queryForm.startDate = value ? value[0] : ""
	state.queryForm.endDate = value ? value[1] : ""
}

更多推荐