1.在按钮点击的方法后加上失去焦点的方法 <el-button @click="showDetail(scope.row, $event)">详情</el-button> showDetail (rowData,event) {if(event.target.nodeName ==='SPAN') {event.target.parentNode.blur() }else{event.target.blur() }this.openDialog(rowData) } 2.重写el-button 在内部...
在Element UI中,按钮(<el-button>)在点击后通常不会“失焦”,因为它本身并不是一个可聚焦的元素(如输入框或链接)。按钮在点击后通常只是触发一个事件(如点击事件),然后页面可能会根据这个事件进行导航、数据提交或其他操作,但按钮本身并不会失去焦点,因为它在DOM中并不是一个可聚焦的元素。 然而,如果你是在讨...
el-button结构图 点击button的时候,如果点击到文字(即span)上,这个时候evt.target是span标签,这个时候是没法直接触发其父节点button的blur方法的,也就没法强制button失去焦点。所以需要判断点击的是span还是button。
解决el-button按钮点击后没有失去焦点 consttoggleVulnStatus = (event) =>{let target=event.target;if(target.nodeName =='SPAN'|| target.nodeName =='I') { target=event.target.parentNode; } target.blur();}
写到这里会遇到,点击取消时按钮焦点无法取消,如果按钮有按键监听行为,那么当按钮在聚焦状态下也会触发,比如点击button打开模态窗时调用了一个方法openDialog,如果按钮未失去焦点,那么通过按键可能会再次触发该方法,所以需要手动移除聚焦效果 addPersionLayer(e){this.active=!this.active;let target=e.target;// 根据but...
// 强制失去焦点 event.target.blur(); } } 请注意,如果el-button内部有子元素(如<span>),并且点击了这些子元素,event.target可能不是el-button本身,而是其子元素。此时,可以通过查找父元素来失去焦点,如[@2@]和[@4@]中提到的解决方案。 希望这些步骤和示例能够帮助你解决el-button按钮click事件丢...
点击预览 点击button,然后点击展开select,两秒的setTimeout结束了以后,options确实会被隐藏。暂时还是不能确定你的问题。也许你可以补充一下相关代码,或者用JSfiddle之类的还原一个demo来检查一下有用1 回复 用户bPPC2e: 升级了elementUI到最新版本就可以了 1回复2018-08-17 用户bPPC2e: 如问题中的图, 一个...
<el-button type="primary" @click="confirmOp">确定</el-button> </span> </el-dialog> 接下来要做的内容就是,OPER_CONTENT这一列和UNIT这一列是可修改的状态,但是如果内容修改,就要弹出这个弹窗。 在data中引入如下变量: currentproperty: '', ...
当用户点击页面上的其他位置或按下Tab键时,焦点将从当前元素移开,并且会触发该元素的离焦事件。在这个事件中,我们可以执行一些操作,比如验证用户的输入或对页面进行更新。 在JavaScript中,我们可以通过addEventListener方法来监听离焦事件。常见的事件类型是blur。当元素失去焦点时,与该元素关联的blur事件就会被触发。