vue输入框规格名称和规格值最大输入长度调整：最大20个汉字或40个字母，超出不可输入；

需要实时判断输入框长度第一步：写出函数判断20个汉字或40个字母getBLen(str){if (str == null) return 0;if (typeof str != "string"){str += "";//如果是字符串就将长度变为2}return str.replace(/[^\x00-\xff]/g,"01").length;},第二步：w

爱吃虾尾吗

3109人浏览 · 2022-04-27 14:55:13

爱吃虾尾吗 · 2022-04-27 14:55:13 发布

需要实时判断输入框长度
第一步：写出函数判断20个汉字或40个字母

 getBLen(str){
        if (str == null) return 0;  
          if (typeof str != "string"){  
              str += "";  //如果是字符串就将长度变为2
          }   
        return str.replace(/[^\x00-\xff]/g,"01").length;  
    },

第二步：watch函数中监听数据变化

this.properties.forEach(r=>{
        if(this.getBLen(r.name)>40){
          this.maxlengthNum=0//设置长度为0
        }
 })

第三步：字符串超过40长度以后输入框不可输入

<el-input  :maxlength="maxlengthNum" />

第四步：将变量maxlengthNum加到data数据中

maxlengthNum:40

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^