element el-calendar 日历怎么给切换月份按钮绑定点击事件？

Question

日历组件没有暴露点击事件，所以我在mounted里用dom方式添加事件，点击事件可以执行，每次都能打印，慢慢点视图可以更新，但是连续快速点击的话页面视图日期部分并没有更新，这是怎么回事

      mounted () {  
        this.$nextTick(() => {
          // 点击前一个月
          let prevBtn = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(1)');
          prevBtn.addEventListener('click',() => {
            consolo.log(111);
          })
        })
      }

Answer 1

我刚刚试了一下，没问题呀

Answer 2

<el-calendar v-model="currentDate"></el-calendar>

watch:{

currentDate: {
  handler(newVal, objVal) {
    if(newVal){
      console.log(newVal);
      this.currentDate = newVal;
    }
  },
}

},

监听currentDate,点击上月下月的时候，会自动获取当月的一号，可以在这里实现相应的功能。