监听element-ui的Calendar 日历组件的上一月 今天 下一月
监听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 日历组件的上一月 今天 下一月相关推荐
- element-ui组件库中Calendar日历组件使用心得(可能用到的常用方法和如何添加监听)
最近接触到一个需求,做一个值班排班表,拿到低保真之后一直在考虑是如何实现这个排班表,考虑过自己写,也考虑过@fullcalendar/vue插件,经过一些评估之后最终选择了项目本身使用的element ...
- 浏览器f12监听element的值和变量的变化
监听element的值的变化:在指定element触发事件时(比如input的value发生改变)进入debug模式 参考https://developer.mozilla.org/ja/docs/W ...
- Element ui+vue前端框架组件主题美化后台管理系统模板html
最新设计了一套Element ui主题模板 演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12 vue版本号:2.7. ...
- listview 刷新结束 监听_Flutter 开发从 0 到 1(四)ListView 下拉加载和加载更多
在<APP 开发从 0 到 1(三)布局与 ListView>我们完成了 ListView,这篇文章将做 ListView 下拉加载和加载更多. ListView 下拉加载 Flutter ...
- 【calendar日历组件】elementul的日历组件点击拿到对应的日期或者触发某些事件
elementul的日历组件文档没有写方法,文档很少,很多人一开始看是懵的.所以记录一下做法 图片 代码 思路:通过监听value的变化拿到对应的日期,同时可以根据这个监听触发对应的方法. <t ...
- 从Element ui看开发公共组件的三种方式
在日常的开发工作中,封装自己的公共组件是很常见的需求,但想要组件更加优雅和通用也是一门学问.恰好前段时间用过Element ui,于是想学习这种库是如何封装插件的,这篇文章就是我的一点理解. 从入口文 ...
- Element ui Avatar头像管理组件 实现当用户没有头像时 以名称最后一个字为头像
el-avatar是一个比较方便的头像管理组件 src控制他的图片展示 <el-avatarclass = "avatar":src="item.images&qu ...
- Element UI - v-infinite-scroll无限滚动组件
一.v-infinite-scroll无限滚动组件使用详解 1.v-infinite-scroll="load" //load无限滚动加载的方法2.infinite-scroll- ...
- axure element ui素材_【Axure分享】基于Element UI的Axure Web组件
有一段时间没做过产品原型了,前一阵有一个web产品需要做原型,正好在搞前端,于是顺便把Element UI移植到Axure上,基本上实现了大部分的功能组件,部分过于繁琐的组件未实现. 自己觉得蛮满意的 ...
最新文章
- go io.reader 多次读取_Go 语言进阶:freecache 源码学习(1)
- 【20171115中】nmap 使用脚本爆破telnet密码
- oracle触发器超过上限,ORACLE系统触发器的疑问,限制IP登录数
- Java黑皮书课后题第8章:***8.35(最大块)给定一个元素为0或者1的方阵,编写程序,找到一个元素都为1的最大的子方阵。程序提示用户输入矩阵的行数。然后显示最大的子方阵的第一个元素、行数
- Docker网络详解
- linux内核之dmaengine
- LabVIEW实现模糊PID控制
- 企业网络安全 8 条实用参考
- boost创建线程池_linux下boost的一个扩展线程池-threadpool-的学习
- java程序cpu占用率高,分析具体线程
- Qt 实现Unicode字符表情包显示到界面 Emoji
- XDOJ综合题 数字统计排序
- main()的使用说明 (一叶知秋)
- 《区块链技术原理》笔记
- 刻薄是因为底子薄,尖酸是因为心里酸
- vin端口是什么意思_振荡器基础1——为什么振荡器需要正反馈?什么是LC自激振荡器?...
- python selenium 火狐下载文件
- 物理机如何安装Linux centos7
- autolayout心得
- 记录一下在学习HAL库时感觉必须要知道的基础知识
热门文章
- struts2 处理请求流程分析(结合源码)1- 孤星随缘ツ http://t.sina.com.cn/samzhxing-iteye技术网站...
- 项目日志20190710-20190712
- android studio的项目在虚拟机中不显示,没有app图标
- element-ui 自定义表单验证 , 但是不出现小红心解决方案
- c语言编写一个程序,将一个十进制数转换为二进制数,c语言编写一个程序,将十进制整数n 转换成二进制数...
- MATLAB梯度算子处理图像
- 流量回放-The Big Picture
- 读书笔记<高速上手C11 14 17>
- IT 人必备解压神器
- Mysql出现问题:如何查询插件,安装插件解决方案