element的dateTimePicker组件清除选择时间 检索时报错 TypeError: Cannot read property ‘0‘ of null的处理

本文参考:http://www.dtmao.cc/news_show_321285.shtml
刚接触vue项目,在处理时间按区间检索时,当用控件自带的clearable属性清除选中时间之后检索,console报错TypeError: Cannot read property ‘0’ of null 原因是初始化为空,选中之后有两个值,清除之后变为null,用watch监听处理异常。在此记录一下。
element的dateTimePicker组件清除选择时间 检索时报错 TypeError: Cannot read property ‘0‘ of null的处理_第1张图片
项目部分代码:


                            
                                
                                
                            

element的dateTimePicker组件清除选择时间 检索时报错 TypeError: Cannot read property ‘0‘ of null的处理_第2张图片
在vue的script中添加以下代码:“form2.date”对应的是el-date-picker的v-model值

 watch: {
            "form2.date"(newVal) {
                if (newVal == null) {
                    this.form2.date = [];
                }
            }
        }

你可能感兴趣的:(vue,element,js,vue,elementui)