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.使用

f

o

r

c

e

U

p

d

a

t

e

(

)

来刷新

u

i

写法

:

@

i

n

p

u

t

=

”

forceUpdate()来刷新ui 写法: @input=”

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()"
      /&gt;

真正原因

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

代码007普通

打赏 收藏 海报 链接