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()
},总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue.js仿Metronic高级表格的静态设计，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
我们都知道跨域是同源策略导致的,域名不同、协议不同、端口号不同任意一种情况都会导致跨域,这篇文章主要介绍了从Vue到Postman全面验证API接口跨域问题,需要的朋友可以参考下2024-08-08
这篇文章主要为大家详细介绍了vue日期时间工具类，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了详解如何创建并发布一个vue组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了vue.js入门（3）——详解组件通信 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。2016-12-12
这篇文章主要介绍了vue中的vue-print-nb如何实现页面打印，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了详解如何在vue项目中使用lodop打印插件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue echarts实现改变canvas长和宽自适应问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了Vue多选列表组件深入详解，这个是vue的基本组件，有需要的同学可以研究下2021-03-03
当我们未设置keepAlive的最大缓存数时,当缓存组件太多,会导致内存溢出,本文给大家介绍了vue3手动删除keepAlive缓存的方法,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2024-03-03
最新评论