创建一个js文件directive.js,放入下列代码

export default {
    stopblur:{
        inserted(el,binding){
            el.addEventListener('click',($event)=>{
                el.blur()
            })
        }
    }
}

在main.js中引入代码


import directive from '@/utils/directive'
Vue.directive('stop-blur', noKeyCode.stopblur)

使用

<el-button icon="el-icon-plus" size="mini"  v-stop-enter>新增</el-button>

Element 按钮点击后需要立即失去焦点
Element 按钮点击后需要立即失去焦点解决方案点击重置或者查询按钮后，该按钮点击后的颜色会一直是点击过的颜色...
53.vue 事件和事件修饰符
1.事件 @click 点击事件@focus input获取焦点@blur input失去焦点@input...
输入框点击事件
输入框点击事件搜索输入框获取焦点;默认字消失;失去焦点显示默认字;如果非空失去焦点后就保留当前的字;不显示为默...
10-jQuery03
jquery事件事件函数列表： blur() 元素失去焦点focus() 元素获得焦点click() 鼠标点击m...
支付宝小程序
事件： onBlur (失去焦点) onTap(点击事件) onChange(当数据发送改变的时候触发的事件)...
elementui+vue输入框回车事件与失去焦点事件重叠
产生的bug：点击回车提示信息重叠原因：点击回车同时触发回车事件和失去焦点事件解决办法：在回车事件中调用失去焦...
支付宝小程序学习之路一
页面:同微信小程序.axml、.acss、.js、json 事件： onBlur (失去焦点) onTap(点击事...
自定义View入门（七） - 监听
本章目录 Part One：自定义View的点击事件 Part Two：点击事件处理自定义View的点击事件官...
6-2 事件-代码演示
绑定点击事件和取消默认行为自定义一个绑定事件，封装点击激活，先显示激活，后显示取消。点击取消，正常显示。事件的...
UISearchBar的使用二: UISearchBar失去焦点
如图，当UISearchBar失去焦点的时候，取消按钮无法响应点击。只需要在失去焦点后，将取消按钮的enabled...