input框中按enter让失去焦点怎么没生效？

Question

问题描述

我在input输入框加了个id，然后按enter触发个js事件，在该事件中让该input输入框失去焦点，但怎么没生效呢？？

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<form-Item prop="CUSTID" label="客户代码" >
     <i-input search type="text" id="customerModal" enter-button="查询" number @on-search="searchCustInfo('formInline')" v-model="custIdForm.CUSTID" placeholder=""></i-input>
</form-Item>

 searchCustInfo(name){
     $("#customerModal").blur();
 }

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

i-input是一个组件，你通过这个给组件设置id获取到的是组件最外层的dom元素，并不是input框，所以自然不会得到你想要的效果。
iview的input组件没有提供blur事件，但是组件内部有input元素。你可以给i-input设置ref属性，比如ref="input"，然后this.$refs.input.$el.querySelector('input')就可以获取内部input元素。