views/CreateView.vue 코드 확인
- 게시글 생성을 위한 form을 제공
- v-model.trim을 활용해 사용자 입력 데이터에서 공백 제거
- .prevent를 활용해 form의 기본 이벤트 동작 막기
- title, content가 비었다면 alert를 통해 경고창을 띄우고
- AJAX요청을 보내지 않도록 return 시켜 함수 종료
- axios를 사용해 server에 게시글 생성 요청
router/index.js
views/ArticleView.vue
- 게시글 작성 요청 결과 확인
views/CreateView.vue 코드 수정
- createArticle method 수정
- 게시글 생성 완료 후, ArticleView로 이동
'Vue2' 카테고리의 다른 글
| Vue with DRF (5) - Authentication & Authorization (0) | 2022.11.14 |
|---|---|
| Vue with DRF (4) - DETAIL (0) | 2022.11.14 |
| Vue with DRF (2) - 장고 서버에서 데이터 받기 (0) | 2022.11.14 |
| Vue with DRF (1) - AJAX 요청 준비 (0) | 2022.11.14 |