javascript - vue 모바일 입력 숫자 입력 최적화

Question

휴대폰 단말기에서 사용됩니다.
입력 유형이 숫자인 경우 영어, 중국어의 경우 제한이 없으며, 최대 길이는 적용되지 않습니다.
입력 유형이 전화인 경우 영어, 중국어의 경우 제한은 없습니다. maxlength에는 효과가 있으므로 tel을 사용하세요.
keyup은 숫자 이외의 문자를 필터링하는 것입니다.
죄송합니다, 스승님, 이 코드에 최적화할 여지가 있나요?

으아악

Answer 1

1. phoneNumber 初始值应该是字符串的 ''，否则对一个可能为 null 的变量调用 replace 안전하지 않습니다.

2. var self = this 불필요합니다.

3. handleFilterLetters 好长啊，改成 onKeyUp 읽기 쉽지 않나요? (

4. <input> 한 줄이 너무 길어요. eslint-airbnb의 규칙은

으아악

Answer 2

위에서 말한 모든 내용은 정확합니다.
질문자는 코드 스타일에 더 주의를 기울일 수도 있습니다.
예:
self.phoneNumber=self.phoneNumber.replace(/[^d]/g,'');

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

로 씁니다.

더 좋음

Answer 3

여기서 사용된 로컬 필터

더 높은 수준의 재사용성을 원한다면 글로벌 필터를 사용할 수도 있습니다

으아악 으아악