【vue】使用el-date-picker遇到的坑:回显后无法更新数据

时间:2024-03-13 12:11:54

写前端日期选择的时候遇到一个很奇怪的问题,回显赋值后再次修改无法更新数据,然后根据这个问题在网上找答案,一直苦苦没有找到解决方案。

碰巧,遇到以下一个问答:
https://segmentfault.com/q/1010000016127303/

问题几乎一样,然后按照其中的一位解答者提供的解决方案,成功解决。

1. 问题还原:
我将我的时间数组赋值给了日期选择器的v-model
用的这种方式,this.form.value2 = arrayObj;
回显正常,选择有问题

【vue】使用el-date-picker遇到的坑:回显后无法更新数据
2. 解决方案:
使用$set赋值,回显赋值都正常

this.$set(this.form,'value2',arrayObj);
【vue】使用el-date-picker遇到的坑:回显后无法更新数据


2. 效果展示:

【vue】使用el-date-picker遇到的坑:回显后无法更新数据