inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Fallthrough Attributes

inject SiteHeader @click 에러 해결법

249

권기범

작성한 질문수 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

14

0

노션 : 파트3번 링크와 권한 , 파트4번 권한요청, 파트 5번도 미리 요청 드립니다.

0

25

4

인가 코드 발급(프론트 vs 백)

0

24

2

tailwind css 적용 잘 안되면 참고하세요.

0

24

1

질문드립니다.

0

32

0

목차 블럭이 활성화가 안되는 것 같아요!

0

25

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

32

2

(1)노션 사이트 공유 및 (2)갤러리 보기 기능에 대한 질문드립니다.

0

37

2

npm init vue@3.1.9

0

39

2

크롭 웹스토어 vue devtools 설치 관련

0

40

1

자막만 보이고 영상이 보이지 않습니다.

0

59

1

카카오 클라이언트 시크릿

0

192

2

snippets 작성하는 부분 설명이 있었나요?

0

48

2

ERD 질문

0

54

2

computed 의 set 함수를 통해 const 변수에 값을 담는 부분

0

52

2

자료

0

76

2

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

0

193

2

재밌는 강의였습니다!!

0

312

1

Emit관련 질문이용!

1

262

1

vuejs devtools가 안깔립니다 ㄷ;

0

279

1

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

0

415

2