form 태그에 이벤트 발생시 작동하지 않는건에 대해
241
작성자 없음
작성한 질문수 0
질문은 아니고~ 수업을 진행하다
form @submit.prevent="함수명"
해당 부분이 작동하지 않아(아예 무반응) button태그에 실행 함수를 넣으니 잘 작동하여 form 문제인거 같아 확인해보니 form안에 button이 존재할 경우 발생하는 문제였네요.
form 태그안에 @submit.prevent="함수명" 은 유지하고
버튼에 @click.self.prevent="함수명"을 넣으면 됩니다. 동일 문제가 발생하신다면 진행해 보세요.
답변 1
0
안녕하세요 🙂
말씀하신 문제가 정확히 이해가 안돼서요
form 요소 안에 button 요소가 있을 경우 button의 기본 type이 submit 이므로 submit 이벤트가 동작합니다.
이벤트의 .prevent modifiers는 이벤트의 기본동작을 막는 역할을 합니다.
그러므로 form 요소 하위의 button에 .prevent modifiers 가 있는경우 submit 이벤트가 동작하지 않습니다.
위의 스펙을 인지하셨을까요? 그래도 같은 이슈가 발생하는지 여쭤봅니다 🙂
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
39
2
강의듣다가 헷갈려서 질문드립니다.
0
34
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
33
1
질문드립니다.
0
32
2
라우터 인스톨 후 실행안됨
1
49
2
코드 자동 포매팅 질문
0
68
2
필터 watchEffect 질문입니다.
0
52
1
json-server 오류가 다른게 뜨네요
0
113
1
미리보기가 안됩니당...
0
69
2
unplugin-vue-components
0
83
2
TypeError 질문
0
52
1
v-model="show" :show="show" 같이 사용?
1
57
1
hash 모드 배포의 필요성?
0
61
2
.eslintrc.cjs 가 없습니다
0
95
2
title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.
0
98
3
_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.
0
64
1
@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.
0
71
2
중첩된 컴포넌트 문제
0
75
2
교안에 있는 부분이 아닌가요?
0
109
2
useAxios Proxy(Object) RefImpl
0
114
1
axios timeout
0
330
3
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
0
123
2
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
0
169
2