elementUI中的el-calendar自定义使用时给切换月份按钮绑定事件

因项目需要需要显示以月历的形式显示状态(如下图所示),但官方文档中找不到日历组件的内置方法,这里用获取类名的方式给切换月份的按钮添加点击事件elementUI中的el-calendar自定义使用时给切换月份按钮绑定事件_第1张图片
具体代码实现如下

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


            this.$nextTick(() => {
                // 点击后一个月
                let prevBtn = document.querySelector(
                    '.el-calendar__button-group .el-button-group>button:last-child');
                prevBtn.addEventListener('click', () => {
                    console.log(this.value);
                })
            })
}

打印出来的this.value就是当月的时间戳


你可能感兴趣的:(vue,总结,PC,vue.js,elmentUI,el-calendar)