失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue监听键盘事件中的按键

vue监听键盘事件中的按键

时间:2023-03-13 14:58:50

相关推荐

vue监听键盘事件中的按键

在Vue中,已经为常用的按键设置了别名,这样我们就无需再去匹配keyCode,直接使用别名就能监听按键的事件。

<input @keyup.enter="function">

另外,Vue中还支持组合写法:

但是,如果是在自己封装的组件或者是使用一些第三方的UI库时,会发现并不起效果,这时就需要用到.native修饰符了,如:

<el-inputv-model="inputName"placeholder="搜索你的文件"@keyup.enter.native="searchFile(params)"></el-input>

如果遇到.native修饰符也无效的情况,可能就需要用到$listeners了,具体用法请参考Vue官方文档:将原生事件绑定到组件.

如果觉得《vue监听键盘事件中的按键》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。