250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- function
- 모던 자바스크립트
- ES6
- 객체
- 뷰
- 컴포넌트
- js
- Interface
- react
- BIND
- null
- let
- 데이터 타입
- typescript
- todolist
- redux
- 자바스크립트
- 모던
- 리액트
- Number
- 투두리스트
- 라우터
- 스코프
- 타입스크립트
- VUE
- var
- CSS
- this
- 함수
- const
Archives
- Today
- Total
목록레이아웃 (1)
홍준혁
Maeily-메인화면 구현 및 이동
저번에 로그인폼을 만들었으니 이제 로그인 버튼을 누르면 메인화면으로 이동할 수 있도록 코드를 작성하였다. 먼저 Vue를 이용해서 새로고침을 방지하는 코드를 작성하였고 methods에 메인화면으로 이동하는 코드를 추가해 주었다. new Vue({ el: ".login_wrap", methods: { goto_main() { window.open("/main/main.html", "_self"); }, }, }); 이 goto_main을 v-on:submit.prevent="goto_main" submit이벤트가 발생할때 새로고침을 방지하는 prevent수식어를 사용하고 goto_main의 함수를 실행하라는 내용이다. 그래서 로그인 버튼을 누르면 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 위에 메인화면은 설계..
팀프로젝트/B1ND_Maeily
2020. 9. 16. 15:04