vue3 [Vue] v-text-field 숫자만 입력하는 법 안녕하세요. 제니입니다!지난 번에 영어만 입력하고 싶어서 한글, 숫자 입력을 막았는데오늘은 반대로 숫자만 입력하는 코드를 작성해야 했어요. https://jenny0520.tistory.com/167 [Vue] v-text-field 한글, 숫자 입력 막는 법(cf. vee-validate)안녕하세요. 제니입니다!오늘은 vue........... 정리,,React 를 너무 사랑하지만,, 현재 들어가는 프로젝트가 vue 기본 구조가 크게 잡혀 있어서마이그레이션을 하고 리팩토링을 하고 있는 중입니다 ㅠjenny0520.tistory.com 지난 번 정리 내용이구요!오늘 내용은 더 간단합니다. 1. v-text-field 이렇게 v-text-field내에 숫자만 제어해주는 oninput을 추가해.. 2024. 7. 5. [Vue] vs code extension 플러그인 다운 추천(code highlight 포함) 안녕하세요. 제니입니다!그 동안 React 프로젝트로 계속 사용하다보니, 다른 프레임워크를 사용했을 때의 불편함을 몰랐었는데Vue를 사용해보니 이런 기존 화이트 색상이 너무 싫어서,셋팅을 다시 해주고자 여러 구글링을 해보았는데요.괜찮은 extension 을 정리해보려고 합니다(나중에 집에서도 설정해야지) 1. Vetur 첫 번째는 Vetur 플러그인 입니다!위 사진 처럼 화이트 기본 색상이 아니라 이렇게 이쁘게 코드 하이라이트를 주는 extension이라 필수로 다운로드 해야하는 것 같아요! 2. Vue 3 Snippets 두 번째는 Vue 3 Snippets 입니다! vueinit 을 입력하면 React 프로젝트를 만들었던 것처럼 처음 입력해야 하는 코드를 .. 2024. 7. 3. [Vue] v-text-field 한글, 숫자 입력 막는 법(cf. vee-validate) 안녕하세요. 제니입니다!오늘은 vue........... 정리,,React 를 너무 사랑하지만,, 현재 들어가는 프로젝트가 vue 기본 구조가 크게 잡혀 있어서마이그레이션을 하고 리팩토링을 하고 있는 중입니다 ㅠㅡㅠ단순 input 고치는 것도 굉장히 헷갈리고 많은 구글링을 안겨 주네요..! 1. v-text-field 한글 입력 막기 일단, 일반 성명과 영문명을 같이 사용해야 하는 곳이 있는 ui 입니다.영문명을 제어하려고 하는데, 기존 서버 코드에서도 에러 핸들링이 크게 들어가 있는 곳이 아니었더라구요.양쪽에서 핸들링을 잘 잡아주고자 한글 입력을 막는 코드를 구현하였습니다. 여러 구글링을 해보니, 함수를 적용하거나, @input, rule 등 다양한 방법을 사용했는데모두 제 기존 코드에선 적.. 2024. 7. 2. 이전 1 다음
