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>