概述
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 添加指令校验input只能输入正整数所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复