vue2 element el-date-picker报错TypeError: e.getHours is not a function

错误出现场景:

1.编辑回显数据时
2.时间组件由v-if控制并且为隐藏状态时
3.时间组件v-model接受接口返回的数据为null时
4.这时候时间组件v-if为true展示时就出现了标题报错

解决方法:

接受接口返回的数据时, 用短路运算处理, 当数据为null时, 接上空字符串 “”

原报错代码:

async getInfo(id) {
 const res = await getIdInfo(id)
 this.time[0] = res.data.enableStartTime;
 this.time[1] = res.data.enableEndTime;
}

解决报错代码示例:

async getInfo(id) {
    const res = await getIdInfo(id)
    this.time[0] = res.data.enableStartTime || "";
    this.time[1] = res.data.enableEndTime || "";
}