elementUI el-date-picker 时间选择器 两个坑 【已解决】

elementUI el-date-picker组件

问题描述

1.el-date-picker change事件失效，修改时间后无法触发绑定回调。
2.el-date-picker v-model绑定值改变后，UI无改变。

环境

Vue: 2.6.10
element Ui: 2.12.0

解决方法 1

1.使用@input替换@change
2.使用$forceUpdate()来刷新ui写法:@input="$forceUpdate()"

完整代码

<el-date-picker
        v-if="form.dateType === '2'"
        v-model="form.timeDate"
        type="month"
        value-format="yyyy-MM"
        format="yyyy 年 MM 月"
        placeholder="请选择日期"
        @input="$forceUpdate()"
      />

真正原因

当初为了省事，在接收接口返回数据中，将res赋值给了this.form，导致this.form失去响应式，将此行代码去除就行。