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

챕스틱님의 프로필 이미지

작성한 질문수

Nuxt.js 시작하기

검색 UI 컴포넌트 데이터, 이벤트 처리

v-model 사용시 $emit 키워드도 정해지나요?

21.10.06 20:42 작성

·

241

1

props를 이용하여 데이터를 연동할때 v-model로 변경하게 되면 props의 키워드를 value로 변경 해야 했습니다.
 
이 경우 하위 컴포넌트로 받던 $emit도 input이라는 예약어(?)로 정해져 있나요?
 
props의 키로 searchKeyword를 사용하면
@input="$emit('evtName', $event.target.value)"
@evtName='somethingMethod'
이렇게 잘 동작했는데
 
props의 키를 value로 변경하게 되면 evtName로 바인딩이 안되고(물론 바인딩 할 대상이 없기도 하지만...)
@input="$emit('input, $event.target.value)"
만 잘 동작 하네요.
 
$emit 안에 있는 'input'이 정해진 규칙인건가요?

답변 1

0

장기효(캡틴판교)님의 프로필 이미지

2021. 10. 12. 23:15

안녕하세요 챕스틱님, 좋은 질문이네요 :) 네 입력 UI 유형에 따라서 v-model 내부 value, event 바인딩 값이 다릅니다 :) 아래 문서들 참고해 보세요 :)

https://vuejs.org/v2/guide/forms.html#Basic-Usage

https://joshua1988.github.io/web-development/vuejs/v-model-usage/