ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-03-02 17:03:43  阅读:347  来源: 互联网

标签:vue newStrs elementui strArray value js 输入框 limit let


方法封装

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>

标签:vue,newStrs,elementui,strArray,value,js,输入框,limit,let
来源: https://www.cnblogs.com/monsieurhuang/p/15955900.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有