directive.js

import Vue from 'vue'
export default () => {
Vue.directive('Int', {
inserted: function (el) {
console.log(el);
el.addEventListener("keypress",function(e){
console.log(e)
e = e || window.event;
let charcode = typeof e.charCode == 'number' ? e.charCode : e.keyCode;
let re = /\d/;
if(!re.test(String.fromCharCode(charcode)) && charcode > && !e.ctrlKey){
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue = false;
}
}
});
}
});
}

在main.js  全局引入

import Directive from './directive'
Vue.use(Directive);

使用

  <td>
<input type="tel" v-model.number="itemEight.droopValue" class="input" v-Int maxlength="" />
</td>

最新文章

  1. jS正则和WEB框架Django的入门
  2. span 元素无法设置宽度问题
  3. js实现当前导航菜单高亮显示
  4. php图片处理类库 Image
  5. 实现在Android 下log的使用总结
  6. DuiLib学习笔记(二) 扩展CScrollbar属性
  7. Google Code Jam 2010 Round 1B Problem B. Picking Up Chicks
  8. hadoop环境安装及简单Map-Reduce示例
  9. [又是BUG]常见的RuntimeException
  10. C#_会员管理系统:开发四(日志查看)
  11. 使用(Drawable)资源——图片资源
  12. Linux下的进程与线程(二)—— 信号
  13. 使用Vertx重构系统小结
  14. Python 3 函数自由变量的大坑
  15. 安装Mosquitto学习MOTT协议
  16. loj 10050 连续子段最大异或和
  17. JAVA设计模式详解(四)----------单例模式
  18. linux arm的高端内存映射
  19. Python: ord()函数
  20. 基于HttpClient JSONObject与JSONArray的使用

热门文章

  1. LR之流程
  2. RHEL6 kernel bug在hadoop上的测试
  3. ORACLE DG在线日志修改
  4. kill的各种讯号?
  5. KVM/QEMU/qemu-kvm/libvirt 概念全解
  6. rtti读取和设置属性
  7. 《计算机程式设计》Week2 课堂笔记
  8. JavaScript 变量,语句
  9. python正则表达式整理
  10. 循环结构 :do-while