el-calendar 监听月份变化

本文介绍了如何在Vue中针对el-calendar组件缺少月份变化监听事件的问题,提出了一种解决方案。通过监听v-model绑定的value变化,实现对月份切换的自定义处理。在每次月份切换时,可以调用初始化数据的方法,并打印当前月份和上一月份,确保事件监听的正确执行。
<el-calendar v-model="value">
</el-calendar>

el-calendar的用法很简单,但是不提供顶部的那几个月份的变化的监听方法,下面这几个没有监听事件,它本质是个radiogroup 

针对于这个我们可以转换思路,通过监听 v-model="value" 的value变化来实现事件监听。

watch:{
    value:{//监听月份变化
      handler(newValue,oldValue){
        this.initData()
        console.log(this.formatDate(newValue),this.formatDate(oldValue))
      }
    }
  }

如下图所示,每次点击都能获取到当前月份和上一月份

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值