监听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("这是今天")});
}

点击之后的操作可以自定义,这里只是输出

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

  1. element-ui组件库中Calendar日历组件使用心得(可能用到的常用方法和如何添加监听)

    最近接触到一个需求,做一个值班排班表,拿到低保真之后一直在考虑是如何实现这个排班表,考虑过自己写,也考虑过@fullcalendar/vue插件,经过一些评估之后最终选择了项目本身使用的element ...

  2. 浏览器f12监听element的值和变量的变化

    监听element的值的变化:在指定element触发事件时(比如input的value发生改变)进入debug模式 参考https://developer.mozilla.org/ja/docs/W ...

  3. Element ui+vue前端框架组件主题美化后台管理系统模板html

    最新设计了一套Element ui主题模板 演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12        vue版本号:2.7. ...

  4. listview 刷新结束 监听_Flutter 开发从 0 到 1(四)ListView 下拉加载和加载更多

    在<APP 开发从 0 到 1(三)布局与 ListView>我们完成了 ListView,这篇文章将做 ListView 下拉加载和加载更多. ListView 下拉加载 Flutter ...

  5. 【calendar日历组件】elementul的日历组件点击拿到对应的日期或者触发某些事件

    elementul的日历组件文档没有写方法,文档很少,很多人一开始看是懵的.所以记录一下做法 图片 代码 思路:通过监听value的变化拿到对应的日期,同时可以根据这个监听触发对应的方法. <t ...

  6. 从Element ui看开发公共组件的三种方式

    在日常的开发工作中,封装自己的公共组件是很常见的需求,但想要组件更加优雅和通用也是一门学问.恰好前段时间用过Element ui,于是想学习这种库是如何封装插件的,这篇文章就是我的一点理解. 从入口文 ...

  7. Element ui Avatar头像管理组件 实现当用户没有头像时 以名称最后一个字为头像

    el-avatar是一个比较方便的头像管理组件 src控制他的图片展示 <el-avatarclass = "avatar":src="item.images&qu ...

  8. Element UI - v-infinite-scroll无限滚动组件

    一.v-infinite-scroll无限滚动组件使用详解 1.v-infinite-scroll="load" //load无限滚动加载的方法2.infinite-scroll- ...

  9. axure element ui素材_【Axure分享】基于Element UI的Axure Web组件

    有一段时间没做过产品原型了,前一阵有一个web产品需要做原型,正好在搞前端,于是顺便把Element UI移植到Axure上,基本上实现了大部分的功能组件,部分过于繁琐的组件未实现. 自己觉得蛮满意的 ...

最新文章

  1. go io.reader 多次读取_Go 语言进阶:freecache 源码学习(1)
  2. 【20171115中】nmap 使用脚本爆破telnet密码
  3. oracle触发器超过上限,ORACLE系统触发器的疑问,限制IP登录数
  4. Java黑皮书课后题第8章:***8.35(最大块)给定一个元素为0或者1的方阵,编写程序,找到一个元素都为1的最大的子方阵。程序提示用户输入矩阵的行数。然后显示最大的子方阵的第一个元素、行数
  5. Docker网络详解
  6. linux内核之dmaengine
  7. LabVIEW实现模糊PID控制
  8. 企业网络安全 8 条实用参考
  9. boost创建线程池_linux下boost的一个扩展线程池-threadpool-的学习
  10. java程序cpu占用率高,分析具体线程
  11. Qt 实现Unicode字符表情包显示到界面 Emoji
  12. XDOJ综合题 数字统计排序
  13. main()的使用说明 (一叶知秋)
  14. 《区块链技术原理》笔记
  15. 刻薄是因为底子薄,尖酸是因为心里酸
  16. vin端口是什么意思_振荡器基础1——为什么振荡器需要正反馈?什么是LC自激振荡器?...
  17. python selenium 火狐下载文件
  18. 物理机如何安装Linux centos7
  19. autolayout心得
  20. 记录一下在学习HAL库时感觉必须要知道的基础知识

热门文章

  1. struts2 处理请求流程分析(结合源码)1- 孤星随缘ツ http://t.sina.com.cn/samzhxing-iteye技术网站...
  2. 项目日志20190710-20190712
  3. android studio的项目在虚拟机中不显示,没有app图标
  4. element-ui 自定义表单验证 , 但是不出现小红心解决方案
  5. c语言编写一个程序,将一个十进制数转换为二进制数,c语言编写一个程序,将十进制整数n 转换成二进制数...
  6. MATLAB梯度算子处理图像
  7. 流量回放-The Big Picture
  8. 读书笔记<高速上手C11 14 17>
  9. IT 人必备解压神器
  10. Mysql出现问题:如何查询插件,安装插件解决方案