javascript - Vue.js 計算プロパティの set メソッドを使用した後、それに応じて計算プロパティの値を更新するにはどうすればよいですか?

Question

計算結果: {

リーリー

}

cardNum を入力の v-model にバインドし、これを使用して値をフィルター処理したかったのですが (vue.js2.0 以降では v-model の変数にフィルターをバインドできないようです)、 20文字以上入力するとthis.ruleForm.cardNumはインターセプトされるのですが、cardNumが20文字を超える可能性があることが分かりました、この文字数制限機能の実装方法を教えてください。

Answer 1

それは主にアプリケーションのシナリオとアイデアの問題だと思います。

1. アプリケーションシナリオ: 通常、フォームの検証は、フォーカスが失われたとき、またはユーザーが [OK] をクリックして保存ボタンをクリックしたときに行われ、その後、任意の学位またはペンギンの登録ページを探すだけです。このように制限すると、インタラクションが十分に友好的ではなくなり、実装アイデアの逸脱につながります。

2. 感想: computed和v-modelの理解に関しては、このような使い方はお勧めしません。 v-model 自体は双方向バインディングを実現するように設計されており、計算を使用すると、もう 1 つの set メソッドともう 1 つの中間値を記述することになります。

本当に達成したい場合は、これを試してみてください

リーリー リーリー

Answer 2

これがあなたのニーズを満たすかどうかわかりません

リーリー

Answer 3

これを行うと、手動でトリガーしない限り、計算されたプロパティのセッターはトリガーされません (vm)this.cardNum = 'what?'
ドキュメントを参照してください

または、次のように、vue が提供するウォッチャーを直接使用することもできます。 リーリー

ただし、お勧めしません