인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Hyoeun Kim님의 프로필 이미지
Hyoeun Kim

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

json-server & axios : CRUD 구현

button type 관련해서 문의드립니다

작성

·

186

0

안녕하세요, 강사님. 좋은 강의 잘 보고 있습니다.

강의 진행 중 궁금한 부분이 생겨 문의드립니다.

 

PostCreateView 컴포넌트에서 저장 버튼에 type을 button으로 지정해주면, save 함수가 실행되지 않는 것을 발견했습니다.

혹시 왜 그런 건지 알 수 있을까요? 키워드라도 던져주시면 찾아보겠습니다.

 

감사합니다.

답변 1

2

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

HTML <button> 태그의 type 속성에는 세 가지 값이 있습니다.

  • "submit" 
  • "reset"
  • "button"

<button> 태그의 type은 아무것도 지정하지 않으면 "submit" 타입으로 지정되며,
submit 버튼은 클릭시 양식(form)의 onSubmit 이벤트가 발생됩니다.

그래서 이 type 값을 "button"으로 설정하게 되면 submit 이벤트가 발생이 안되는 거에요 🥲

해당 자료 관련해서 MDN 링크를 남겨둘게요 🙂

MDN Button Element

Hyoeun Kim님의 프로필 이미지
Hyoeun Kim
질문자

빠르고 자세한 답변 감사합니다! 🙇‍♀️

Hyoeun Kim님의 프로필 이미지
Hyoeun Kim

작성한 질문수

질문하기