526互联

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

发布时间 2023-11-27 11:16:00作者: 游戏三昧的木笔

时间范围选择：

<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];

解决办法：
时间范围选择的初始值要用this.$set去赋值，不能用普通的赋值方式赋初始值

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

 

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