我是靠谱客的博主 独特秋天,这篇文章主要介绍Vue 添加指令校验input只能输入正整数,现在分享给大家,希望可以做个参考。

1、添加指定文件 inputValid.js

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

2、第二步 将 inputValid.js 引入main.js中

import limitNum from './directive/inputValid'

Vue.directive('limitNum', limitNum);

3、在使用的页面中 input组件上 使用 v-limitNum 即可

最后

以上就是独特秋天最近收集整理的关于Vue 添加指令校验input只能输入正整数的全部内容,更多相关Vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部