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

最新推荐文章于 2024-07-01 15:44:31 发布

梁小茹

最新推荐文章于 2024-07-01 15:44:31 发布

阅读量1.1k

点赞数 3

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_46653486/article/details/120488050

版权

vue 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文介绍了在使用Vue的el-date-picker组件时，如何通过watch特性监听`createTime`字段的变化，避免清除选中时间后的`TypeError: Cannot read property '0' of null`错误。通过在`createTime`为null时清空数组，确保代码健壮性。

摘要由CSDN通过智能技术生成

当用控件自带的clearable属性清除选中时间之后检索，console报错TypeError: Cannot read property ‘0’ of null 原因是初始化为空，选中之后有两个值，清除之后变为null，用watch监听处理异常。在此记录一下。
在这里插入图片描述

在vue的script中添加以下代码：“createTime”对应的是el-date-picker的v-model值

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

这样就不会报错拉✌