博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue2.x directive - 限制input只能输入正整数
阅读量:5260 次
发布时间:2019-06-14

本文共 486 字,大约阅读时间需要 1 分钟。

onlyNum.js

import Vue from 'vue'//只对input生效export default function (el) {    var input = el;    input.onkeyup = function (e) {        if(input.value.length==1){            input.value = input.value.replace(/[^1-9]/g,'');        }else{            input.value = input.value.replace(/[^\d]/g, "");        }    };}

main.js

import limitNum from './directive/onlyNum'Vue.directive('limitNum', limitNum);

在component中只需要在input上加上v-limitNum就能生效。

转载于:https://www.cnblogs.com/Kiddzz/p/8513969.html

你可能感兴趣的文章
[RxJS] RefCount: automatically starting and stopping an execution
查看>>
DDA与Bresenham画线算法
查看>>
访问者模式
查看>>
LVS四种类型和十种算法
查看>>
Permutations II leetcode java
查看>>
上传----------------------------------------服务器处理浏览器上传并保持的功能
查看>>
1576 最长严格上升子序列
查看>>
Android开发之XUtils框架使用和报错处理
查看>>
LA 3790 Overlapping Squares DFS
查看>>
提取中国IP段信息
查看>>
Cassandra在CQL语言层面支持多种数据类型
查看>>
storyboard-UITabBar选中时颜色
查看>>
【BZOJ4373】算术天才⑨与等差数列 线段树+set
查看>>
【BZOJ3774】最优选择 最小割
查看>>
JavaScript创建对象的7种方式及比较
查看>>
Sybase 数据库新增用户,赋权
查看>>
mingw64环境搭建
查看>>
ffmpeg文档16-音频编码器
查看>>
双曲抛物面
查看>>
深度神经网络:特点、问题及解决
查看>>