vue中el-date-picker 编辑时clearable无法清空

一、出现的问题

在修改/编辑时，el-date-picker中的×点击不生效，无法清空，并且重新选择新的日期范围也不显示

 二、问题分析

首先来分析一下，新增的时候不会出现这种情况，而编辑/修改时却会，那么新增和编辑/修改的区别在哪？很明显，就是回显数据。所以问题很可能就是出现在回显数据这里。el-date-picker所绑定的变量返回的是一个数组，那么我们编辑/修改回显数据的时候赋值给el-date-picker所绑定的变量肯定也是数组的形式，但是表单的话，我们的数据一般都是放在对象里面，所以出现这个问题很大原因就是赋值的方式不对，如下图所示：

 直接这样赋值的话回显却是是可以回显了，但是无法修改也无法清空，正确的赋值方式应该使用$set的方式

 

这样就完美解决了这个问题