el-date-picker change事件无响应问题及解决方案

更新时间：2025年12月03日 08:44:37 作者：霸气小男

文章总结：在使用el-date-picker组件时,如果回显数据后change事件无法监听到变化,可以改用input事件,选择日期后页面不更新但数据变化,可以在监听事件中使用forceUpdate强制刷新视图

1、el-date-picker回显数据后，change事件监听不到

改用input监听

<el-date-picker
    v-model="form.auctionEndTimes"
    type="datetimerange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :picker-options="pickerOptions"
    clearable
    @input="auctionEndTimesChange">
</el-date-picker>

2、选择日期后页面没变，但实际数据却变了

监听事件里使用forceUpdate，强制刷新视图

auctionEndTimesChange(){
    this.$forceUpdate()
},

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

基于Vue3实现屏幕音频捕获的具体方案
在日常开发中,我们经常会遇到需要录制音频的场景,比如在线会议、语音笔记、教学录制等,传统的音频录制通常只能捕获麦克风输入,但在某些场景下,我们可能需要录制系统音频,所以本文就来实现一个基于Vue3 Composition API的屏幕音频捕获Hook,需要的朋友可以参考下
2025-11-11
前端vue+element使用SM4国密加密解密的详细实例
国密即国家密码局认定的国产密码算法,主要有SM1,SM2,SM3,SM4,下面这篇文章主要给大家介绍了关于前端vue+element使用SM4国密加密解密的相关资料,需要的朋友可以参考下
2023-03-03
vue项目打包部署后默认路由不正确的解决方案
这篇文章主要介绍了vue项目打包部署后默认路由不正确的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
Vue Element前端应用开发之树列表组件
本篇随笔主要介绍树列表组件和下拉列表树组件在项目中的使用，以及一个SplitPanel的组件。
2021-05-05
解决echarts数据二次渲染不成功的问题
这篇文章主要介绍了解决echarts数据二次渲染不成功的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
vue element-ui实现input输入框金额数字添加千分位
这篇文章主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-12-12
Vue-cli3简单使用(图文步骤)
这篇文章主要介绍了Vue-cli3简单使用(图文步骤)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
Vue使用echarts绘制柱状图和折线图
这篇文章主要为大家学习介绍了Vue如何使用echarts绘制柱状图和折线图,文中有详细的示例代码,感兴趣的小伙伴可以跟随小编一起学习一下
2023-08-08
vue3系统进入页面前的权限判断和重定向方式
这篇文章主要介绍了vue3系统进入页面前的权限判断和重定向方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vuex中store的action和mutations用法
这篇文章主要介绍了vuex中store的action和mutations用法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04