[TroubleShooting / Vue3] 크롬 3CX 확장 프로그램으로 숫자 핸들링이 안되는 경우

작업중

주민번호 뒤 7자리의 placeholer 0000000 이 입력값과 붙어서 나온다는 이슈가
들어왔다.

 

 

하지만 내 화면엔 정상적으로 잘 나오는데....
코드에는 이상이 없어서 다른 사이드 이펙트로 판단되어
테스터와 이야기를 하는 도중 전화번호로 판단되면 클릭시 전화를 걸수 있게 해주는 3CX 확장 프로그램이
테스터분 쪽에는 깔려있다고 한다.

비활성화 하시고 테스트하면 되겠지만...
혹시나 그게 안되는 경우도 있으실테니.. 이럴 땐 아래의 코드를 쓰면 된다

const formatJuminNo(num) =>  num.split('').join('\u200B'),

 

 각 숫자 사이에 폭 없는 공백 문자(U+200B)를 삽입해서 시각적으로는 변화가 없지만,
크롬 확장 프로그램이 연속된 숫자로 인식하지 못하게 하고 해당 함수를 

<span>{{ formatJuminNo(juminPlaceholder2)}}</span>

이런 식으로 사용하면 된다 
그럼 전화번호로 판단을 하지 않아 정상 작동하는 모습을 확인할 수 있다.