el-date-picker change事件无响应问题及解决方案
作者:霸气小男
文章总结:在使用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()
},总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
