4.键盘修饰符以及自定义键盘修饰符

Posted yaboya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4.键盘修饰符以及自定义键盘修饰符相关的知识,希望对你有一定的参考价值。

1.按键修饰符的使用:

为name文本框添加keyup按键事件:监听特定键enter的事件(enter:Vue内部提供的)

技术分享图片

<label>
  Name: <input type="text" class="form-control" v-model="name" @keyup.enter="add">
</label>
<input type="button" value="添加" class="btn btn-primary" @click="add()">

2.系统自带的按键修饰符:

技术分享图片

技术分享图片

3.自定义按键修饰符: 

<label>
     Name:<input type="text" class="form-control" v-model="name" @keyup.f2="add">
 </label>  

如下:

<script>
   // 自定义全局按键修饰符
    Vue.config.keyCodes.f2 = 113
</script>

  

[js 里面的键盘事件对应的键码](http://www.cnblogs.com/wuhua1/p/6686237.html)

相关文章
1. [vue.js 1.x 文档](https://v1-cn.vuejs.org/)
2. [vue.js 2.x 文档](https://cn.vuejs.org/)
3. [String.prototype.padStart(maxLength, fillString)](http://www.css88.com/archives/7715)
4. [js 里面的键盘事件对应的键码](http://www.cnblogs.com/wuhua1/p/6686237.html)
5. [pagekit/vue-resource](https://github.com/pagekit/vue-resource)
6. [navicat如何导入sql文件和导出sql文件](https://jingyan.baidu.com/article/a65957f4976aad24e67f9b9b.html)
7. [贝塞尔在线生成器](http://cubic-bezier.com/#.4,-0.3,1,.33)  









以上是关于4.键盘修饰符以及自定义键盘修饰符的主要内容,如果未能解决你的问题,请参考以下文章

[Vue] : 键盘修饰符

vue基本使用

键盘事件、事件修饰符

vue事件修饰符和键盘事件

vue 自定义全局按键修饰符

02-vue过滤器和键盘修饰符