JavaScript - vueモバイル端末入力数値入力の最適化
phpcn_u1582
phpcn_u1582 2017-07-05 10:59:49
0
3
1017

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

リーリー
phpcn_u1582
phpcn_u1582

全員に返信(3)
迷茫
  1. phoneNumber 初始值应该是字符串的 '',否则对一个可能为 null 的变量调用 replaceは安全ではありません。

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

  3. handleFilterLetters 好长啊,改成 onKeyUp 読みやすくないですか?(

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

リーリー
いいねを押す +0
刘奇

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


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

と書きます

より良い

いいねを押す +0
仅有的幸福

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

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

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート