关于ElementUI按钮组件el-button点击后不自动失焦问题

最新推荐文章于 2024-07-12 20:55:30 发布

仍在努力中

最新推荐文章于 2024-07-12 20:55:30 发布

阅读量6.1k

点赞数 6

文章标签： vue

本文链接：https://blog.csdn.net/qq_42555578/article/details/108224228

版权

<el-button icon="el-icon-edit" @click="handleClick">click</el-button>
...
handleClick (e) {
    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();
    this.$router.push('/notes/edit');
}