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;  
    },

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

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

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

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

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

maxlengthNum:40

版权声明:本文为weixin_45682701原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。