本文介绍在Vue项目中使用Element-UI的el-input组件时，如何正确监听键盘事件。由于Element-UI封装导致直接监听失效，文章提供解决方案，即通过添加.native修饰符来实现键盘事件的监听。
vue使用element-ui的el-input监听不了键盘事件，原因应该是element-ui自身封装了一层div在input标签外面，键盘事件添加在了div上，而非input上面，所以如下代码运行是无效果的：
<el-input v-model="name" placeholder="用户名" @keyup.enter="user"></el-input>
解决方法需要在事件后面加上.native
<el-input v-model="name" placeholder="用户名" @keyup.enter.native="user"></el-input>
扫一扫
1597
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
