input不管用 vue_解决Vue中element-ui不能监听input键盘事件的问题

懒人请直接移步下方【解决方案】

【举个栗子】：

在这个输入框中按下回车是不会执行clickEnter方法的。

【问题原因】

查阅源码可见，element-ui是封装式的组件库。部分源码如下：

@mouseenter="hovering = true" @mouseleave="hovering = false"

>

:tabindex="tabindex"

v-if="type !== 'textarea'"

...

>

只截取了开头的小部分代码，但也能看出这是个封装式组件，所以无法直接对其使用原生的键盘事件。

【解决方案】

加上修饰符.native即可

【实际应用】

class="inline-input"

v-model="searchText"

:fetch-suggestions="querySearch"

placeholder="请输入产品型号或资质名称"

:trigger-on-focus="false"

@select="handleSelect"

prefix-icon="el-icon-search"

@keyup.enter.native="handleSearch"

>