Vue 键盘事件（keyup、keydown）

最新推荐文章于 2024-05-23 15:18:03 发布

Original aspirationㅤ

最新推荐文章于 2024-05-23 15:18:03 发布

阅读量1.1w

点赞数 2

分类专栏： Vue组件化文章标签： vue

本文链接：https://blog.csdn.net/qq_45763504/article/details/123818518

版权

9 篇文章 0 订阅

订阅专栏

介绍：keyup 表示键盘按键抬起事件，keydown 表示键盘按下事件

用法：利用 v-on/ @ 来绑定事件

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

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

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

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

原文链接：https://blog.csdn.net/xiaxiangyun/article/details/80404768

关注