Vue.js学习笔记之修饰符详解

enter_click: function () {
console.log("enter click...");
}
}
});

页面增加一个 input 元素，监听键盘事件

 <div class="row">
   <h2>键值修饰符</h2>
   <input type="text" @keyup.="enter_click" />
   <hr />
 </div>

打开页面，在文本框输入内容，并按回车，查看控制台打印结果

通过 keyup.keyCode 的方式来监听键盘特定按键的事件。也可以通过按键名称来监听

 <input type="text" @keyup.enter="enter_click"/>

也可以自定义按键名称

 // 自定义按键名称
 Vue.config.keyCodes.ent = 13;
 // 页面引用
 <input type="text" @keyup.ent="enter_click"/>