监听element-ui的Calendar 日历组件的上一月今天下一月

最新推荐文章于 2025-06-09 09:05:14 发布

三浪.

最新推荐文章于 2025-06-09 09:05:14 发布

阅读量2.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： ui vue.js javascript

本文链接：https://blog.csdn.net/weixin_42947972/article/details/126198219

vue 专栏收录该内容

10 篇文章

订阅专栏

监听element-ui的Calendar 日历组件的上一月今天下一月

直接在mounted(){}里面进行监听
代码如下:

mounted() {
	let prevBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(1)"
   );
   prevBtn.addEventListener("click", e => {
    console.log("这是上个月")
   });
  
   //点击下一个月
   let nextBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(3)"
   );
   nextBtn.addEventListener("click", () => {
     console.log("这是下个月")
   });
  
   //点击今天
   let todayBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(2)"
   );
   todayBtn.addEventListener("click", () => {
    console.log("这是今天")
   });
}