监听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("这是今天")
});
}
点击之后的操作可以自定义,这里只是输出