Vue 限制输入框输入的字符数 （中英文 中=1 英=0.5）

main.js 添加

Vue.prototype.widthCheck = function(str, len) {
  // 限制输入框输入的字符数
  let temp = 0;
  for (let i = 0; i < str.length; i++) {
    if (/[\u4e00-\u9fa5]/.test(str[i])) {
      temp += 2;
    } else {
      temp++;
    }
    if (temp > len) {
      str = str.substr(0, i);
    }
  }
  return str;
};

 使用

 <el-input
      v-model="inputText"
     @input="inputText = widthCheck(inputText, 10)"
     placeholder="选项2（1-5个字）"
></el-input>