vue2.x directive - 限制input只能输入正整数
程序员文章站
2022-06-15 18:34:15
onlyNum.js main.js 在component中只需要在input上加上v-limitNum就能生效。 ......
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就能生效。
上一篇: C# this关键字的四种用法
下一篇: 教你使用swoole监听redis数据
推荐阅读
-
js限制input只能输入有效的数字(第一个不能是小数点)
-
使用正则限制input框只能输入数字/英文/中文等等
-
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
-
vue2.x directive - 限制input只能输入正整数
-
限制bootstrap-datetimepicker的input输入框只能选择,不允许输入
-
输入框input输入限制---验证浮点数、验证正整数(13位)、验证正浮点数(小数点前13位,小数点后2位)
-
WPF TextBox 限制只能输入正浮点数或正整数
-
js限制input只能输入有效的数字(第一个不能是小数点)
-
vue input框只能输入数字并限制长度
-
vue中限制input只能输入数字-示例