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内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复