微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue+elementui输入框限制只能输入0和正整数

方法封装

limit.js

/**     * 只能输入0和正整数     * @param {string} value     * @returns {string | number} 返回空字符或数字     */     integerZeroFn(value) {       let reg = /^(0|\+?[1-9][0-9]*)$/;       let strArray = value.split("");       let newStrs = "";       for (let i = 0; i < strArray.length; i++) {         if (reg.test(strArray[i])) {           console.log(strArray[i]);           newStrs += strArray[i];         } else if (i > 0 && strArray[i] === "0") {           newStrs += strArray[i];         }       }       if (!(newStrs - 0 < 0)) {         return newStrs - 0;       } else {         return "";       }     },   main.js // 将限制函数文件绑定到vue原型上,供全局使用 import limit from "./api/limit.js"; Vue.prototype.$limit = limit;   组件使用 <el-input v-model="form.time" placeholder="请输入进场时间" @input="(e) => (form.time= $limit.integerZeroFn(e))"></el-input>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐