vue基础——自定义按键修饰符

    科技2022-07-11  95

    自定义按键修饰符

    自定义按键值 Vue.config.keyCodes.按键名 = 按键码;

    案例:按a输出所输入的内容

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="app"> <input type="text" v-on:keyup.aaa="handle" v-model="text1"/> </div> <script type="text/javascript"> // 自定义按键值 Vue.config.keyCodes.aaa = 65; var app = new Vue({ el:"#app", data:{ text1:"" }, methods:{ handle:function(){ console.log(this.text1) } } }) </script> </body> </html>
    Processed: 0.016, SQL: 8