element时间组件datetime类型时的踩坑记

场景：在element为主体的项目中，某个页面用到时间组件多次，最少7次以上。

问题：前面几个组件没有任何问题，后面几个时间组件要么是不能初始化要么是不能选择。

分析：看看出现问题的组件使用场景

 可以看出出现问题的组件是在v-if筛选的div中出来的，我们知道在vue项目中，所有的数据是需要接受监测的，v-if条件所在的div是根据特定条件渲染出来的，但根据这个条件所渲染出来的div中的数据在某些情况下恰恰逃出了监测范围，所以这个地方不出意外就得出现TypeError报错：

这是因为我们的时间组件默认的数据类型是Date类型，但实际读写出来的是string类型，所以，这里需要做一个类型转换，为了避免避免监测遗漏，所以最好是在项目里对这几个组件做一个监测：

watch:{
    'sbObj.pcsj'(val){
        this.sbObj.pcsj = '' + val;
    }
}

 接下来就是见证奇迹的时刻了，在我们转换类型之后，准备三下五除二的解决后面的工作时，发现时间组件选不了时间。。。。

 偶然的机会发现，点击此刻按钮居然能正常显示，并且后面能正常选择时间！既然是这样，数据类型匹配上了，时间格式也没问题，那就直接给它一个初始值！果然，有用！

如果各位大佬有更好的解决办法，还请多多指教！