最近遇到了个奇怪的需求，需要代码手动给数字输入框手动触发失焦事件；但是在看了 el-input-number 焦点事件部分的源码后，发现 el-input-number 只有获取焦点focus事件，却没有失去焦点的事件：
后来再阅读了 el-input-number的 template部分的源码后；发现el-input-number封装的el-input部分是由input绑定的ref属性：
最后的解决方案是由$ref获取到的 el-input-number 实例 获取input组件实例去执行失去焦点blur事件，代码如下：
this.$refs.elInputNumber.$refs.input.blur()
yarn add @react-native-community/
blur
或npm：
npm install --save @react-native-community/
blur
仅限React-Native 0.59及以下版本：链接您的本机依赖项：
react-native link @react-native-community/
blur
（仅限iOS）安装到Xcode：
npx pod-
本文主要由一次开发需求 产品说用户每次都需要删除上次的输入值才能在输入 能不能 用户点击获取
焦点
的时候直接帮他把默认值清空 如果没有改变就还原默认值 如果输入了默认值就不要了 保留输入的值 产生的这次开发的el-input 的自定义指令
$ yarn add v-
blur
绑定值可以是布尔值或对象。 如果提供了布尔值，则伪指令将，和使用默认值。 要使用自定义配置，可以提供具有这些属性以及is
Blur
red （以确定何时应用这些样式）的对象。
绑定对象属性
is
Blur
red
'模糊（1.5px）'
'所有.2s线性'
import Vue from 'vue'
import v
Blur
from 'v-
blur
'
Vue . use ( v
Blur
)
// Alternatively an options object can be used to set
<el-form-item label="身份证号码：" prop="idNumber">
<el-input @
blur
="onBsp($event)" v-model="laApplicationDetail.idNumber" placeholder="身份证号码" maxlength="18" show-word-limit
聚焦加v-focus，失焦加@
blur
<el-input v-model="scope.row.bcsl" v-focus size="small" auto-complete="off" @change="textChange(scope.$index, scope.row)" @
blur
="input
Blur
" />
聚焦需----注册focus
<script>
export default {
directives: {
// 注册一个
② 可输入数字，支持数值范围限制，不允许非数字字符输入
③ 键盘方向键（上下左右）可快速增减数值
④ 鼠标离开组件时，根据数值范围自动验证并调整值：超出范围时调整为最近最合适的值
2、以时间组件的小时，实现思路如下
（1）获取
焦点
：响应focus
事件
，选中
在各种前端页面中，比如用户信息注册的页面，往往有多个输入框和多个选项列表。为了避免用户选错或者输入错误，可以在前端页面上实时将多个输入框的内容拼接起来，显示到页面或者弹出的窗口中，帮助用户核对、检查输入的内容是否有错，提高用户体验。本文介绍了在 Vue 中如何实现用户输入多个内容或者选择多个选项列表，与多个内容拼接起来显示到页面上，实现实时预览的效果。
在这里就出现了一个问题，那就是切换到input的时候 无法自动获取
焦点
，无法获取
焦点
的话就没办法点击其他地方关闭。在百度也找了很多办法，都是无效。最终的解决方案就是在html哪里把v-if改成v-show就解决了这个问题。修改代码.........
