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

问题描述

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

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

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

相关代码

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

<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();
}

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

回答

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

以上是 【Vue】input框中按enter让失去焦点怎么没生效？ 的全部内容， 来源链接： utcz.com/a/83869.html

回到顶部