首页 > 其他分享 >解决element 里面的el-input 汉字算两个字符

解决element 里面的el-input 汉字算两个字符

时间:2022-11-21 16:36:22浏览次数:35  
标签:el 字符 element length let input

 解决element 里面的el-input 汉字算两个字符

template

<el-form-item label="名称:" prop="title">
        <el-input
          v-model="form.title"
          clearable
          type="textarea"
          :maxlength="maxLength"
          placeholder="请输入项目名称(一个汉字等于两个字符)"
          class="inputDesc"
          @input="checkLength"
        ></el-input>
        <span class="input-count">{{ textLength }}/{{ maxCharLength }}</span>
      </el-form-item>

script

method:{
checkLength(e) { console.log(e); // js字数与数据库字符数不一样 let b = 0; // 输入的字符数 for (let i = 0, length = e.length; i < length; i++) { let c = e.charAt(i); if (/^[\u0000-\u00ff]$/.test(c)) { b++; } else { b += 2; } if (b > this.maxCharLength) { this.form.title = e.substr(0, i); if (/^[\u0000-\u00ff]$/.test(c)) { b--; } else { b -= 2; } break; } } this.textLength = b; },
}

注意:请把内容中的变量替换成自己的变量

标签:el,字符,element,length,let,input
From: https://www.cnblogs.com/overspread/p/16911828.html

相关文章

  • 503.下一个更大元素II next-greater-element-ii
    问题描述503.下一个更大元素II解题思路相比496.下一个更大元素I,在遍历数组上有所区别,如果i>=nums.size(),用j=i-nums.size();来代替i,因此i的取值范围是[0,2*num......
  • 关于Electron环境配置与一些相关的错误解决
    安装步骤:1.安装NVM:这个是nodejs的版本管理器,github上有一个nvmforwindows,由于不能的nodejs的版本问题,可以自由进行切换.下载地址:https://github.com/coreybutle......
  • 【JavaScript 教程】第四章 程序流程01— JavaScript if else 语句
    英文 | https://www.javascripttutorial.net/译文|杨小爱在上节中,我们学习了JavaScript逻辑运算符,错过的小伙伴可以点击文章《​​【JavaScript教程】第三章运算符04......
  • 496.下一个最大元素I next-greater-element-i
    问题描述496.下一个更大元素I解题思路本题利用单调栈(monotonestack)来遍历nums2,并且利用unordered_map来存储nums1中元素和对应的结果。代码classSolution{pub......
  • Hello World
    随便新建一个文件夹.在里面新建一个文件后缀名为.javaHello.java[注意点]系统可能没有显示文件后缀名,需要手动打开编写代码publicclassHello{ publicsta......
  • k8s容器中通过Prometheus Operator部署Elasticsearch Exporter监控Elasticsearch
    写在前面在按照下面步骤操作之前,请先确保服务器已经部署k8s,prometheus以及prometheusoperator,关于这些环境的部署,可以自行查找相关资料安装部署,本文档便不在此赘述。关......
  • Pinely Round 1 (Div. 1 + Div. 2) D
    D.CarryBit很好转化题意发现就是一个进位就会产生1贡献那我们发现要产生进位至少在低位会有一个11出现然后接着下一位我们要让他继续进位的话只有011011三种选......
  • easyexcel 2.2.6 新版本以列表的形式读取 Excel
    使用步骤:注:讲述使用EasyExcel的读取Excel数据列表的案例,项目基于springboot+maven模式。1、引入EasyExcel依赖包,文章以easyexcel2.2.6为基础。<dependency><......
  • JS 导入Excel数据
    需要依赖xlsx.js插件,插件可自行到官网下载最新依赖 效果图:  <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>JSExcel导入表格数据</titl......
  • JS JSON表格数据导出Excel
    我根据网上文章进行改造,没有直接照搬人家东西,不需要引入任何插件纯原生JS实现效果图:    调用代码://列letcolumn=[{text:'姓名',key:'name'},{......