<div><span >*昵称:</span><a-input v-model="nickName" placeholder="Basic usage"/><span>{{nickNameLength}}/10</span></div>data(){return{
nickName:'',
nickNameLength:0,}},
watch:{nickName:function(val){this.nickNameLength = val.byteLength()this.nickName = val
if(this.nickNameLength>10){this.$message.warning('最多允许10个字')returnfalse}},},//判断input里面字符的长度(放在最顶部)String.prototype.byteLength=function(){//获取字符串的字节数,扩展string类型方法var b =0,l =this.length;//初始化字节数递加变量并获取字符串参数的字符个数if(1){//如果存在字符串,则执行计划for(var i =0; i < l; i ++){//遍历字符串,枚举每个字符if(this.charCodeAt(i)>255){//字符编码大于255,说明是双字节字符
b +=1;//则累加2个}else{
b ++;//否则递加一次}}return b;//返回字节数}else{return0;//如果参数为空,则返回0个}}