[Vue] 전화번호 입력/조회시 '-' 자동으로 넣어주기

이미지
Vue 로 홍보 플랫폼 작업을 하면서 필요한 기능이 있어서
전화번호 필터를 개발 ( = 예외처리 노가다 ) 작업한 부분 블로그에 공유합니다.

개발환경: Vue CLI 2
개발 프레임워크: Vue2

angular 나 javascript 에도 쓸 수 있을 것 같습니다.
전국의 프로야근러 & 월화수목금금금 개발자님들 화이팅!!

+ 보충할 점이나 부족한 부분이 있어서 알려주시면 반영할께요~

입력할때 전화번호 파이프 (-) 자동으로 찍어주기[동작화면]

[템플릿]
<input type="text" v-model="contact" @keyup="getPhoneMask(contact)" />

[스크립트]
export default { ... data: () => ({ //전화번호 contact:null, }), methods: { getPhoneMask(val) { let res = this.getMask(val) this.contact = res //서버 전송 값에는 '-' 를 제외하고 숫자만 저장 this.model.contact = this.contact.replace(/[^0-9]/g, '') }, getMask( phoneNumber ) { if(!phoneNumber) return phoneNumber phoneNumber = phoneNumber.replace(/[^0-9]/g, '') let res = '' if(phoneNumber.length < 3) { res = phoneNumber } else { if(phoneNumber.substr(0, 2) =='02') {…

고양이와 사람

이미지
사람은 고양이에게 엄청 크고 무서운 존재라고 합니다. 경계심이 강하고 고독한 독립생활을 즐기는 고양이들이 사람들과 오랫동안 동거하며 살아가고  있다는 것은 놀라운 일이라고 하네요 우리 냥이와 친해져볼까요?






아이프렌즈펫 바로가기 http://bit.ly/2TLPPPv

#꽃개 #꽃놀이

이미지
벌써 #벚꽃 의 계절이 왔어요!!
우리 아이들과 함께 #꽃개 #견생샷 #묘생샷 찍어서 아이프렌즈펫에 자랑해 보세요 ^.^














[반려동물 이야기] 강아지가 뒷발차기를 하는 이유

이미지
우리 아이들은 왜 뒷발차기를 하는 걸까요?
아이프렌즈펫의 귀여운 꼬맹이를 통해서 알아봤어요~





이미지
점점 따뜻해지고 봄이 오고있네요~ 반려동물도 복에 꾸벅꾸벅 반려동물도 춘곤증이 온다고 하네요~ 그래도 잘때가 제일 이쁜 우리 아가들 사진 구경하러 가볼까요?







아이프렌즈펫 구경하러가기 http://bit.ly/2TqLu48

유기동물 발견시 대처 방법

이미지
유기동물 발견시 대처 방법 육안으로 보아 건강상태가 비교적 양호하거나 다소 초췌한 발바리들을 만날지라도   모두 구조의 대상으로 보지 맣아주십시오 이근 지역 어디가에 집이 있는 겨우가 많으므로 떠돌이 개라고 추정될 경우엔 즉각저으로 잡는 것보다는  시간을 두고 지켜보는 것이 좋습니다.
목에 인식표를 달고 있는지 확인합니다. 동불병원에 데려가 마이크로칩을 확이해주세요 칩이 있다면 동물등록 시스템에 연락해주세요~ 칩이 없다면 유기동물 보호센터에 연락해주세요
급동물일 경우 바로 병원으로 이송해서 치료해주세요 만약 난폭한 행동을 보여 이송이 어려우시다면  119에 신고해주세요 ** 119신고는 정말 ~ 정말 ~ 필요할 때 해주세요!!! **
아이프렌즈펫 구경하러가기 http://bit.ly/2Y47ANl

가장 많은 이름은?

이미지
집사님들 아이 이름은 어떤 유형인가요? 그리고 이 외에도 어떤 이름 지으셨는지 궁금해요!