vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
作者：MisterKay 发布时间：2023-07-02 17:01:35
标签：vue,监听,键盘,回车
vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：
<input v-on:keyup.13="submit">
vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~
上面代码，还可以在这样写：
<input v-on:keyup.enter="submit">
<input @keyup.enter="submit">
全部的键盘别名：
.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right
还有一些组合按键：
.ctrl
.alt
.shift
.meta(window系统下是window键，mac下是command键)
Alt + C :
<input @keyup.alt.67="doSth">
Ctrl + Click :
<div @click.ctrl="doSth">点我</div>
注意！！！如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加上.native
比如：
<el-input v-model="account" placeholder="请输入账号" @keyup.enter.native="search()"></el-input>
来源：https://blog.csdn.net/fifteen718/article/details/80359844
0
投稿猜你喜欢
Vue动态创建组件实例并挂载到body方式一import Vue from 'vue'/** * @param Compon- 1.在使用MySQL和php的时候出现过中文乱码问题(1) 只要是gb2312,gbk,utf8等支持多字节编码的字符集都可以储存汉字，当然
- 需求：根据country列的不同值，将内容分到不同sheet方法一：读取原Excel，根据country列将不同的内容放到不同的sheet，
- mysql是一个优秀的开源数据库，它现在的应用非常的广泛，因此很有必要简单的介绍一下用python操作mysql数据库的方法。python操
- 1.首先需要安装pandas， 安装的时候可能由依赖的包需要安装，根据运行时候的提示，缺少哪个库，就pip 安装哪个库。2.示例代码impo
- 这篇主要探讨 ** 和 * 前缀运算符,**在变量之前使用的*and **运算符.一个星（*）：表示接收的参数作为元组来处理两个星（**）：
- 官网上关于组件继承分为两大类，全局组件和局部组件。无论哪种方式，最核心的是创建组件，然后根据场景不同注册组件。有一点要牢记，“Vue.js
- 当然有其它工具可以做这件事，但如果客户不允许你在服务器乱装东西时这个脚本就会有用了。 DECLARE @tbImportTables tab
- 简介在之前的编程中，我们的信息打印，数据的展示都是在控制台（命令行）直接输出的，信息都是一次性的没有办法复用和保存以便下次查看，今天我们将学
- vue实现商城秒杀倒计时功能，效果图如下所示：template代码<div> <div class="
- python socket多线程实现客户端与服务器连接，供大家参考，具体内容如下之前因为一些作业需要完成一个服务器监听多个客户端的程序，于是
- 前言如果你学过操作系统，那么对于锁应该不陌生。锁的含义是线程锁，可以用来指定某一个逻辑或者是资源同一时刻只能有一个线程访问。这个很好理解，就
- python循环结构Python中循环结构有两种类型，分别是：for（遍历循环）于while（无限循环），接下来对两种循环类型的使用与注意事
- 在 Python 中，* 和 ** 具有语法多义性，具体来说是有四类用法。1. 算数运算* 代表乘法** 代表乘方>>>
- 项目结构：源代码：# -*- coding: utf-8 -*-"""@date: 2022/01
- 前言：python多进程，经常在使用，却没有怎么系统的学习过，官网上面讲得比较细，结合自己的学习，整理记录下官网:https://docs.
- 一、数据集爬取现在的深度学习对数据集量的需求越来越大了，也有了许多现成的数据集可供大家查找下载，但是如果你只是想要做一下深度学习的实例以此熟
- 在上一篇Python接口自动化测试系列文章：Python接口自动化浅析登录接口测试实战，主要介绍接口概念、接口用例设计及登录接口测试实战。以
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人阅读和编写。JSON 函数使用 JSON
- ValueError: The number of FixedLocator locations (9), usually from a c
