<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <!-- 当输入内容时按下任意键就调用方法 --> <input type="text" v-model="msg1" @keyup="up1"/> <br /> <!-- 当输入内容时按下enter键就调用方法,enter等一些是vue自带的 --> <input type="text" v-model="msg2" @keyup.enter="up2"/> <br /> <!-- 当输入内容时按下某个键盘码对应的按键就调用方法 65对应a键 --> <input type="text" v-model="msg3" @keyup.65="up3"/> <br /> <!-- 调用全屏修饰符起好的名字 --> <input type="text" v-model="msg4" @keyup.f2="up4"/> </div> <script type="text/javascript"> // vue全局键盘修饰符 Vue.config.keyCodes.f2=113 var vm=new Vue({ el:‘#app‘, data:{ msg1:‘‘, msg2:‘‘, msg3:‘‘, msg4:‘‘ }, methods:{ up1(){ alert(this.msg1) }, up2(){ alert(this.msg2) }, up3(){ alert(this.msg3) }, up4(){ alert(this.msg4) } } }) </script> </body> </html>
原文：https://www.cnblogs.com/shangrao/p/13021139.html