本文介绍: 1.eldatepicker change事件失效修改时间后无法触发绑定回调。2.eldatepicker vmodel绑定值改变后,UI无改变。

elementUI eldatepicker组件

问题描述

1.eldatepicker change事件失效修改时间后无法触发绑定回调
2.el-datepicker vmodel绑定值改变后,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失去响应式,将此行代码去除就行。

原文地址:https://blog.csdn.net/weixin_47438336/article/details/133763638

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_37560.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注