반응형

2023/01/18 3

117. 로그인 후 Main 페이지 이동 | this.$router.push('/main');

this.$router.push() 는 자바스크립트 레벨에서 이용하는 앵커 태그 역할 괄호 안에 URL 써주면됨 html에선 URL 뿐만 아니라 객체, 값, 쿼리도 넘길수 있음 다른 위치로 이동하는법 Vue 인스턴스 내에서 라우터 인스턴스에 $router. 따라서 페이지 전환을 할 수 있습니다 (this.$router.push.) 다른 URL로 이동하려면 router.push 사용하면 됩니다. 이 메서드는 새 항목을 기록 스택에 푸시하므로 사용자가 브라우저 뒤로 버튼을 클릭하면 이전 URL로 이동합니다. a 를 클릭했을 때 내부적으로 호출되는 메서드 이므로 클릭 하는 것은 router.push 를 호출하는 것과 같습니다 선언적 프로그래매틱 router.push(...) 인수는 문자열 경로 또는 위치 설명..

vue.js/vue.js 2 2023.01.18

116. 사용자 폼 유효성 검사 | email 방식인지 체크 | :disabled="!isUsernameValid || !password"

1. username input이 email이 아닐 경우에 비활성화 처리 - 정규표현식 필요 (이미 잘 만들어져 있는걸 사용하자) - computed 속성 필요 2. 아이디, 패스워드가 없으면 로그인버튼 비활성화 - html 정규 표현식 disabled 필요 1. 여러 컴포넌트에서 사용할거면 utils 폴더를 만들고 valdation.js 파일로 따로 빼놓자 const validateEmail = email => { return String(email) .toLowerCase() .match( /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\..

vue.js/vue.js 2 2023.01.18

12. email validation 체크 만들기

1. username input이 email이 아닐 경우에 비활성화 처리 - 정규표현식 필요 (이미 잘 만들어져 있는걸 사용하자) - computed 속성 필요 2. 아이디, 패스워드가 없으면 로그인버튼 비활성화 - html 정규 표현식 disabled 필요 1. 여러 컴포넌트에서 사용할거면 utils 폴더를 만들고 valdation.js 파일로 따로 빼놓자 const validateEmail = email => { return String(email) .toLowerCase() .match( /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\..

반응형