饿了么UI el-button按钮失去焦点

48 阅读 0 评论 32 点赞

我是靠谱客的博主安静黑夜，最近开发中收集的这篇文章主要介绍饿了么UI el-button按钮失去焦点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

// 按钮
<el-button @click="handleClick($event,scope.row)" type="primary" plain>确认</el-button>
// 执行点击事件失去焦点操作
handleClick(e,row) {
this.updateStatus(row)
// 按钮失去焦点
let target = e.target;
// 根据button组件内容 里面包括一个span标签，如果设置icon，则还包括一个i标签，其他情况请自行观察。
// 所以，在我们点击到button组件上的文字也就是span标签上时，直接执行e.target.blur()不会生效，所以要加一层判断。
if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
target = e.target.parentNode;
}
target.blur();
},