inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

쉽고 빠르게 배우는 Vue 3 기본 (Composition API)

Fallthrough Attributes

inject SiteHeader @click 에러 해결법

280

권기범

작성한 질문수 1

0

강의에 나온대로 작성시
@click에 함수 두개를 넣을시 에러가 남.

        @click="
          (e) => {
            updateName('List')
            updateCategory(item)
          }
        "

이렇게 함수 표현식으로 작성 후 해결 완료

이유는 잘몰루겠네요

vue.js notion vue-3

답변 1

0

Blog Creator

네 @click="" 에 들어갈 수 있는 것은 코드를 넣거나 해결하신 방법처럼 함수 자체를 전달하는 방법이 있는데요. 코드를 넣을경우에는 꼭 뒤에 ;(세미콜론)을 넣어서 구분을 시켜주어야합니다. 줄로 구분해서 코드를 적었지만 updateName('List')updateCategory(item) 이렇게 한줄로 인식해서 에러가 날 수 있습니다.

그래서 updateName('List');updateCategory(item); 이렇게 세미콜론을 꼭 넣어주세요!

1

권기범

앗 그렇다면 프리터에서 세미콜론 사용/미사용 여부를 미사용으로 설정해서 그랬던거 같습니다.

그런데 자바스크립트 스탠다드 스타일 같이 세미콜론을 사용하지 않는 코딩규약을 사용하고 있다면 Vue에선 어떻게 코드를 작성 해야 하나요?

1

Blog Creator

@click="handleOnClick"
<script setup>
const handleOnClick = (e) => {
    updateName('List')
    updateCategory(item)
}
</script>

네, 좋은 질문인데요. 알기 쉽게 하려고 함수 두 개를 같이 넣어서 실행했지만, 보통 script에서 함수를 따로 만들고 이 함수를 v-on에 넣어주는 방식을 많이 사용합니다

표 관련 질문

0

7

0

인라인 강의 중 질문

0

7

1

방문자수 확인 에러, 캘린더 임베드 에러

0

14

1

노션 복원 기준

0

14

1

섹션3-5 강의 중 '페르소나'는 강의자료에 들어있지 않습니다. 생략해도 되는 건가요?

0

38

2

매니패스트 JSON 전문

0

45

5

커서도 프로 요금제(유료 버전)이 필요하네요

0

50

2

npm run serve시 error

0

36

1

상단 메뉴바 (resume, blog) 부분이 보이지 않아요

0

46

2

우피 콜아웃에서 경계선이 보이지 않아요

0

50

2

leaveGroupChatRoom 문의

0

71

3

노션 배경 색상 변경법

3

119

1

깃권한요청드립니다

0

43

1

sample 파일 참조시...

0

53

2

데이터베이스 만들기에서

0

31

0

HashRoutes.vue 로 컴포넌트 한것 뿐인데

0

68

2

강의 교안

0

66

2

volra에 Extansions, VOLAR 에 1나 밖에 없는데?

0

67

2

자료

0

102

2

마지막 8챕터는 재생되지 않네요~

0

224

2

재밌는 강의였습니다!!

0

328

1

Emit관련 질문이용!

1

284

1

vuejs devtools가 안깔립니다 ㄷ;

0

301

1

v-on, v-model 강의 재생 불가 문제

0

445

2