JavaScript - vueモバイル端末入力数値入力の最適化

Question

これはモバイル端末で使用されます。
入力タイプが数字の場合、英語または中国語の制限はなく、最大長は機能しません。
入力タイプが電話の場合、制限はありません英語か中国語ですが、maxlength は機能しますので、tel を使用し、
keyup は数字以外の文字をフィルタリングすることです。
このコードに最適化の余地があるかどうかお聞きしてもよろしいでしょうか?

リーリー

Answer 1

1. phoneNumber 初始值应该是字符串的 ''，否则对一个可能为 null 的变量调用 replaceは安全ではありません。

2. var self = thisは不要です。

3. handleFilterLetters 好长啊，改成 onKeyUp 読みやすくないですか？（

）

4. <input> 1 行が長すぎます。eslint-airbnb のルールは

リーリー

Answer 2

上で述べたことはすべて正しいです
質問者はコードのスタイルにももっと注意を払うことができます
例:
self.phoneNumber=self.phoneNumber.replace(/[^d]/g,'');

は
self.phoneNumber = self.phoneNumber.replace(/[^d]/g,'');

と書きます

より良い

Answer 3

ここで使用されるローカルフィルター

より高度な再利用性が必要な場合は、グローバルフィルターも使用できます

リーリー リーリー