1 打开vue文件,文件一个input文本输入框。如图:2 在input文本输入框上添加失去焦点的事件,然后设置失去焦点页面弹出一个提示框方法。如图:3 保存vue文件后使用浏览器打开,文本框失去焦点后就会弹出一个提示框。如图:
产生的bug:点击回车提示信息重叠 原因:点击回车同时触发回车事件和失去焦点事件 解决办法:在回车事件中调用失去焦点事件 keyup.enter.native="$event.target.blur" blur="handleInputConfirmTwo"
原因:点击回车同时触发回车事件和失去焦点事件 bug修改前 解决办法:在回车事件中调用失去焦点事件 修改后 @keyup.enter.native="$event.target.blur" @blur="handleInputConfirmTwo"