vue之在页面中监听键盘的Enter键来触发某个事件

我这里有两种方法：1.@keyup.enter=""写在body或者比较靠外的div的标签中实现回车调用方法。但是这种回车调用方法必须在表单标签中回车。2.可以在mounted,created,activated三类钩子函数中写（任何地方回车都能调用方法）document.onkeydown = function(e) {if(e.code==‘Enter’){//做点击回车后的事件，回...

小叶_01

2962人浏览 · 2019-09-03 14:24:00

小叶_01 · 2019-09-03 14:24:00 发布

我这里有两种方法（keydown、keyup分别是按键、松键。在这里影响不大）：
1.@keyup.enter=""写在body或者比较靠外的div的标签中实现回车调用方法。但是这种回车调用方法必须在表单标签中回车。
2.可以在mounted,created,activated三类钩子函数中写（任何地方回车都能调用方法）
document.onkeydown = function(e) {
if(e.code==‘Enter’){
//做点击回车后的事件，回车的键值是enter
}
}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^