vue+element-ui中button点击后不恢复原样
在做项目时碰到点击element的button后不恢复原样
before:
after:
button的颜色并没有恢复,强迫症
解决办法
<div><el-button type="primary" icon="el-icon-download" size="mini" @click="handleClick">月度报表导出</el-button>
</div>
handleClick(event) {// 点击后鼠标移开恢复按钮默认样式(如果按钮没有加icon图标的话,target.nodeName == "I"可以去掉)let target = event.target;if(target.nodeName == "I" || target.nodeName == "SPAN"){target = event.target.parentNode;}target.blur();//进行其他操作....
}
中间的target.nodeName判断(一定是大写字母,可以自己打印一下target.nodeName就是大写)
vue+element-ui中button点击后不恢复原样相关推荐
- web前端-Vue element UI中的el-table勾选框 展示隐藏;设置默认勾选、禁用
1.el-table如果我们想新增一个勾选框,在 .vue文件中 <el-table-column type="selection" width="55" ...
- vue+Element ui中使用 upload实现Excel文件上传
文章目录 业务需求: 实现方式: 具体步骤: 1.引入组件: 2.data中定义: 3.methods中方法: 业务需求: 批量导入Excel文件 实现方式: 使用组件upload 具体步骤: 1.引 ...
- Element UI中Steps 步骤条description描述换行展示
突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门 <el-table><!-- 可展开的 ...
- 在Vue+Element ui 项目中如何使用iconfont(阿里图标库)中的图标
在项目过程中,element ui 中自带的图标往往满足不了自己的需求,那么如何在项目中使用iconfont的图标呢? 在iconfont中新建一个项目 找到自己想要的图标,加入购物车,加入完成后点击 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改、Pagination分页、搜索框
文章目录 目标 代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式 总 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Form表单填写、Dialog对话框弹出
文章目录 目标 代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
- 使用xlsx 下载 element ui 中的表格
原文链接: 使用xlsx 下载 element ui 中的表格 上一篇: MongoDB 聚合 下一篇: vue router 路由守卫 登录验证 https://github.com/SheetJS ...
- vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
- Vue + Element UI 实现 登陆注册基本demo实例
Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 导入项目 打开 Visual Studio Code,File --> add Folder ...
最新文章
- 天天Linux-Ctrl+S快捷键锁定屏幕的问题
- Sklearn,TensorFlow,keras模型保存与读取
- 《Haskell函数式编程入门》——导读
- jquery 中后代遍历之children、find区别
- Android 干货,强烈推荐
- iOS开发 适配iOS10以及Xcode8-b
- python typing与之配合_python 代码实例1
- [OS] 死锁相关知识点以及银行家算法详解
- 数字图像算术编码python_算术编码的python实现
- COMSOL学习经验(不定期更新中哦~)
- 五级流水线CPU之低功耗设计 (一) :Bypassing(旁路)
- Doris export任务概率性cancelled第二种情况
- SyntaxError报错成功解决
- 简化生活:重构消费系统
- python三维图形注释_Python使用注释绘制3D点
- dxdiag是什么 dxdiag命令怎么用
- 遇到视频聊天软件 v2.2.35
- 淘宝店铺如何装修呢?
- 01蓝桥杯特训课程第一次总结
- 直播间炒不起氛围?观众迟迟不下单?千万别忽略了助播的重要性!