정규식을 사용하여 Element Plus에서 전화번호 입력 형식 지정

Question

사소하지만 매우 실망스러운 문제에 대한 도움을 주시면 대단히 감사하겠습니다. 요소와 라이브러리를 사용하여 Vue 프로젝트를 개발 중입니다. 사용자 입력: '123456789' 전화해야 해요: '+998-(12) 345-67-89

Element plus에는 포맷터가 있지만 포맷터를 만들려면 정규 표현식을 사용해야 합니다. 불행히도 작동하는 데 문제가 있습니다. https://element-plus.org/en-US/comComponent/input.html#formatter

번호를 이제서야 확인했는데 자세한 내용은 알 수 없습니다

으아악

Answer 1

다음 정규 표현식을 사용할 수 있습니다:

으아아아

첫 번째 .replace(/^+998|D/g, '') 删除字符串开头的 +998 （由成功的后续替换）和任何非数字字符，以及 replace(/^(d{1,2})(d{1,3})?(d{1,2})?( d{1,2})?.*/, (m, g1, g2, g3, g4) => `+998-(${g1})` + (g2 ? `-${g2}` : '' ) + (g3 ? `-${g3}` : '') + (g4 ? `-${g4}` : ''))는 필요한 경우에만 -를 추가하여 입력하면 실행됩니다.