inject SiteHeader @click 에러 해결법
263
1 asked
강의에 나온대로 작성시
@click에 함수 두개를 넣을시 에러가 남.
@click="
(e) => {
updateName('List')
updateCategory(item)
}
"이렇게 함수 표현식으로 작성 후 해결 완료
이유는 잘몰루겠네요
Answer 1
0
네 @click="" 에 들어갈 수 있는 것은 코드를 넣거나 해결하신 방법처럼 함수 자체를 전달하는 방법이 있는데요. 코드를 넣을경우에는 꼭 뒤에 ;(세미콜론)을 넣어서 구분을 시켜주어야합니다. 줄로 구분해서 코드를 적었지만 updateName('List')updateCategory(item) 이렇게 한줄로 인식해서 에러가 날 수 있습니다.
그래서 updateName('List');updateCategory(item); 이렇게 세미콜론을 꼭 넣어주세요!
1
앗 그렇다면 프리터에서 세미콜론 사용/미사용 여부를 미사용으로 설정해서 그랬던거 같습니다.
그런데 자바스크립트 스탠다드 스타일 같이 세미콜론을 사용하지 않는 코딩규약을 사용하고 있다면 Vue에선 어떻게 코드를 작성 해야 하나요?
1
@click="handleOnClick"<script setup>
const handleOnClick = (e) => {
updateName('List')
updateCategory(item)
}
</script>네, 좋은 질문인데요. 알기 쉽게 하려고 함수 두 개를 같이 넣어서 실행했지만, 보통 script에서 함수를 따로 만들고 이 함수를 v-on에 넣어주는 방식을 많이 사용합니다
강의 교안
0
14
1
volra에 Extansions, VOLAR 에 1나 밖에 없는데?
0
21
2
강의 내용 vue 3.4 이상으로 업데이트 안해주시나요 헐..
0
18
1
시큐리티 필터 설정 질문입니다!
2
47
1
강의가 싱크가 안맞는것 같아요..
0
30
1
Material Theme - Deprecated
0
39
4
강의 내용과 학습자료 차이 문의
0
36
1
날짜 속성 지금 항목 만들기 문의
0
62
2
학습자료는 어디서볼수있나요?
0
28
1
소리 안들려요.
0
54
2
4. 규칙 기반의 시간 분류 강의 내용 문의
0
39
2
노션 비즈니스 요금제로 워크페이스 새로 하나 생성해서 수업 따라하면 되는지요?
0
67
2
노션 : 파트3번 링크와 권한 , 파트4번 권한요청, 파트 5번도 미리 요청 드립니다.
0
61
4
인가 코드 발급(프론트 vs 백)
0
56
2
tailwind css 적용 잘 안되면 참고하세요.
0
35
1
질문드립니다.
0
43
0
목차 블럭이 활성화가 안되는 것 같아요!
0
38
0
unplugin-vue-components 질문드립니다.
0
53
2
자료
0
89
2
마지막 8챕터는 재생되지 않네요~
0
205
2
재밌는 강의였습니다!!
0
320
1
Emit관련 질문이용!
1
273
1
vuejs devtools가 안깔립니다 ㄷ;
0
289
1
v-on, v-model 강의 재생 불가 문제
0
435
2