element-ui——时间范围选择el-date-picker，赋初始值后发现值无法再被修改

时间范围选择：

<el-date-picker
      v-model="valueArray"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
</el-date-picker>

一开始我是这么赋初始值的，后面却发现当选择新的时间范围后，界面上并没有改变，像是被固定死了一样：用@change也无法解决

this.form.arrayTime = [ response.data.startTime, response.data.endTime];

解决办法：
1. 时间范围选择的初始值用this.$set去赋值

this.$set(this.form, "arrayTime", [response.data.startTime,response.data.endTime]);

 2. 用深拷贝浅拷贝解决

this.form.arrayTime = [ response.data.startTime, response.data.endTime];
this.form = JSON.parse(JSON.stringify(this.form));

 

参考链接：
vue之element日期选择器设置初始值后修改失效_element date 初始值改不了-CSDN博客