Vue-ElementUI：form表单中datetime类型的字段，赋值后不可修改的问题

需求：

　　创建form表单时，需要将一个datetime类型的字段赋一个初始值（或者由前页面跳转时带过来初始值），并且该字段的值允许修改

　　　　

问题：

　　从前页面带过来初始值赋值后，想要修改时间，选择不同的日期时间点确定后，estArriveDate字段中的值没有变化。

 

解决：

　　

　　问题出现的原因是，上面图中的赋值代码写在了 created() 中。

　　解决办法：

　　①，赋值代码写在 mounted() 中，即可解决该问题。

　　②，如果一定要将该行代码写在 created() 中，需要修改为：this.$set(this.form, 'estArriveDate', this.listQuery.expectedArrivalDate)。

　　　　this.$set(form名,  字段名,  值)。

　　

 

 

本篇整理参考文章：

　　https://blog.csdn.net/web8_zhy/article/details/103136573