vue双方向バインディングデータの長さ制限方法

vue双方向バインディングデータはどのように長さを制限しますか？具体的な方法は文章を読んでください。
問題の説明
vueにボックスv-modle双方向バインディングのデータを入力します。必要なビジネスシーンで文字数制限が必要です。
ソリューション
以下の方法が使えます。
方法1：

//   ：     keypress  ；     ：
maxLength(attr,length){
 let keyCode = event.keyCode;
 console.log("keyCode");
  let len=0;
 console.log(this[attr].length);
 for (let codePoint of this[attr]) {
  if (this[attr].charCodeAt(codePoint) > 128) {
    len += 2;
  } else {
   len++;
  }
  }
 if (len < length) {
  event.returnValue = true;
 } else {
  event.returnValue = false;
 }
},
//  ：     keypress；
//keydown      ，           ；keyup  ；

方法二：

//   ：     input  ；     ：
inputMaxLength(attr,length){
  this[attr] = api.getStrByteLen(this[attr], length);
},

方法の比較:
方法の1つの長所、循環は少なくて、性能は高いです。欠点は、中国語入力の場合、空欄入力の文字はトリガされません。
方法の2つの利点は、互換性が良く、様々なシーンに適しています。欠点、循環が多く、性能が悪い。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。