Vue中使用el-date-picker数据回显后无法更新

问题

一般是在编辑、更新的时候，需要实现数据回显功能。然而在Vue中使用el-date-picker，数据回显后无法更新时间。

<el-date-picker
     style="width: 100%"
     v-model="form.time"
     type="datetime"
     :clearable="false"
     placeholder="选择日期时间"
 />

请求完成之后，直接给time赋值

this.form.time = res.data.time

时间可以回显，但是无法更新了。

解决办法

使用$set赋值

this.form.time = this.$set(
    this.form,
    'time',
    moment(res.data.time).format('YYYY-MM-DD HH:mm:ss')
)

amazing，，，这是啥原理