element-button失去焦点，按钮失效的可能原因

最新推荐文章于 2024-05-23 18:05:51 发布
最新推荐文章于 2024-05-23 18:05:51 发布
阅读量1.9k 收藏 6
点赞数 7
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/William_zwx/article/details/117332261
版权

elment-button失去焦点，按钮失效的可能原因。



<el-button-group style="float:right;margin-bottom:10px;z-index:1;position:relative">
        <el-button type="infor"
                   icon="el-icon-back"
                   size="small"
                   @click="backToMainList">返回</el-button>
</el-button-group>

如代码所示是可以生效的，假如样式设置了浮动极有可能被页面挡住，导致按钮失焦，所以需要加上z-index:1;position:relative这两个东西，让这个按钮置于最前，这样就不会被挡住失效了。

我亦等风亦等你
关注
Element-ui关于对话框中表单自动获取焦点的实现
love_dzq的博客
01-10 5120
this.$nextTick()在页面交互，尤其是从后台获取数据后重新生成dom对象之后的操作有很大的优势，是解决这次问题的关键。
ElementUI的表单验证失效，出现意想不到的问题
Tvv1997的博客
12-07 2673
起因 项目中有一个心理测试模块，需要实现修改功能。 尝试一 页面渲染之前，created时，发送一个请求，拿到该测试问卷的基本信息（名称、简介、测试结果等），该值命名为testData。 created(){ const data = { params: {id: this.$route.query.id} } this.apiGet('***/***/getQues...
按钮点击失去焦点
weixin_56868210的博客
09-06 1124
按钮点击失去焦点 <el-button @click="removeForm($event)">清除</el-button> // 清除表单 removeForm (e) { // 重新发送请求 this.loadQuestions() // 按钮失焦 e.target.nodeName === 'BUTTON' ? e.target.blur() : e.target.parentNode.blur() }
解决el-button失去焦点
Koreyoshi123654的博客
03-11 1242
解决el-button失去焦点
button失去焦点 在项目中
m0_59078472的博客
09-05 226
if (e.target.nodeName === 'BUTTON') { e.target.blur()//点击的是文字 } else { e.target.parentNode.blur()//点击的是文字的父亲(按钮) }
elementui中el-button点击后强制失去焦点（this.$confirm取消后按钮聚焦问题）
Kimser
09-14 1万+
初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。 使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。如图示： 图1-正常状态下的按钮 图2-鼠标悬浮或点击后的按钮 我们所期望的是，在按钮点击后，恢复到正常状态（即图1）。 因为是前端新手，对很多东西不熟悉，所以就一脸懵逼的去百度，大多数说的都是类似“Element UI点击按钮后不失焦，强制失焦”即可，查看相应的css代码，基本确认就是由于点击后按钮不..
vue3-admin商品管理后台项目(后台布局layout布局开发一)
lovestar墨竹的博客
10-20 4353
vue3-admin商品管理后台项目(后台布局layout布局开发一)
el-table 点击单元格可编辑 点击表头可修改 右击表头删除表头和内容
weixin_52172289的博客
05-19 1511
项目场景： 提示：这里简述项目相关背景： 点击单元格可编辑 点击表头可修改表头内容 。右击表头删除内容和表头 代码 html <template> <div class="app-container"> <el-table border :data="tableData" style="width: 100%;align: center" max-height="550" :cell-class-na
ym——Andorid-15k+的面试题。
热门推荐
陈宇明
08-07 2万+
最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。 特别献上整理过的50道面试题目 1.listView的优化方式 重用conve
解决elementui中button按钮组件在点击其他区域时 失去焦点问题！
weixin_44797881的博客
09-26 815
通过操作dom节点来解决elementui中button按钮组件在点击其他区域失去焦点的问题
el-button 强制失去焦点
qq_39304141的博客
09-02 944
<el-button @click=“a($event)”/> a(evt){ const target = evt.targetif (target.nodeName === 'SPAN') {target.parentNode.blur()}target.blur() }
elementUI按钮失去焦点
qq_34941404的博客
09-05 833
elementUI按钮失去焦点 // 失去焦点 e.target.nodeName === 'BUTTON' ? e.target.blur() : e.target.parentNode.blur() 后续更多待更新…
vue el-button size-mini失效
记录博客好习惯
01-04 6150
今天在调试页面发现 el-button size=mini 失效 检查发现 当type="primary"size="mini" 时 size属性生效 当type="warning"size="mini" 时 size属性失效 原因未知,知道的大神 评论区 谢谢
Element UI点击按钮后不失焦...强制给它失焦
sophie2805的专栏
12-18 7178
使用element ui库，发现button点下去之后会一直保持被点击的状态直到鼠标在别的地方点一下才恢复。也就是说button被点击之后一直没有失焦，直到点击别的地方，将焦点切换走。 虽说不影响功能，但是用起来有点别扭。然后就想办法手动失焦： document.getElementById("xxButton").blur(); 给button加一个唯一ID，然后@click回调函数里，加上上...
解决Vue中@Click事件无效
qq_43750656的博客
10-19 5588
实现的效果为当点击某个搜索的历史记录后，input框中就会有选中的文 在给一个span绑定click事件时无效，原因是当这个input框失去焦点后，v-show就成为了false，如果这个为false的话，搜索历史记录栏就不会显示，这样其上面的span也没有了，我们可以将v-show置换为true，然后在点击事件中置换为false ...
el-button 失效
cw_csdn的博客
06-25 656
加key即可解决。
element 按钮button 失焦问题补全
最新发布
sonnyface的博客
05-23 285
element的 button按钮在和弹窗组件关联使用的时候，关闭弹窗按钮按钮的hover状态不会恢复过来。如下代码，引入到main.js中。
vue-element-admin右侧的按钮
09-07
vue-element-admin是一个基于Vue.js和element-ui的管理系统框架，右侧的按钮是该框架中用于展示和处理特定操作的功能按钮。 在vue-element-admin的右侧按钮中，通常包含了一些常见的管理操作，比如新增、编辑、删除...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值