Course 데이터 가져오기 - v-slot="{ navigate }" 인식을 못하고 빨간줄이 뜹니다.
219
작성한 질문수 2
<NuxtLink v-slot="{ navigate }" custom :to="`/course/${courseSlug}`">
<CourseCard
:title="title"
:subtitle="subtitle"
:thumbnail="thumbnail"
/>
</NuxtLink>해당 부분에서 오류가 발생하고 상세페이지로 진입이 안되는데 navigate 를 쓸 수 없는건가요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
Heeeyaaa님, Vue에서 v-slot을 사용할 때 발생하는 문제를 해결하기 위해 몇 가지 점을 점검해보시면 좋을 것 같습니다.
- 우선
v-slot은 Vue 2.6 이상에서 제공되는 문법입니다. 해당 문법을 사용하기 전에 Vue 버전을 확인해주세요.
<NuxtLink>컴포넌트에서v-slot을 사용하는 경우,NuxtLink가 해당 슬롯을 지원하는지 확인해야 합니다. Nuxt 3의 공식 문서나 참고 자료에서v-slot과navigate에 대한 사용 예제를 찾아보시는 것이 좋습니다.
- 만약
NuxtLink에서navigate함수를 직접 사용하는 것이 문제가 있다면, 다른 Nuxt의 라우팅 메소드를 사용하는 방법을 고려해볼 수 있습니다. 예를 들어 직접$router.push를 사용하여 페이지로 이동하는 방식 등이 있습니다.
위 사핼의 구체적인 예제나 더 자세한 사용 방법은 Nuxt 3와 Vue 관련 공식 문서를 참고하시는 것이 가장 확실한 해결책이 될 것입니다. 원하시는 기능 구현에 좋은 결과가 있으시길 바랍니다.
Nuxt 4 관련 강의 업데이트 계획이 있으실까요?
0
73
2
eslint 설정 관련 질문
0
81
1
vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..
0
75
1
eslint 설정 오류 질문드립니다.
0
171
2
pageContainerStyle 이름을 찾을 수 없습니다 에러
0
56
1
npm create nuxt <project-name> 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데
0
129
2
타입체크 관련질문입니다.
1
216
1
eslint prettier 설정 오류
0
200
2
clearNuxtState() 사용 문의
0
99
1
nuxt 빌드 환경 질문드립니다!
0
363
2
피니아 persist 질문드립니다!
0
179
1
prefetching 질문
0
112
1
[nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined
0
290
4
사진 오류
0
105
1
@pinia/nuxt 버전이 0.9.0인 경우 @pinia-plugin-persistedstate/nuxt와 충돌
1
187
2
Nuxt3는 SSR인가요? USR인가요?
1
340
2
VSCode처럼 멀티 Title & Menu Bar로 개발할려면?
0
261
2
Course 데이터 가져오기에서 궁금한 점
1
209
2
프로젝트 생성
0
336
3
웹 서버, WAS 그리고 api 서버 관련
0
400
2
$route 관련 에러
0
166
1
package.json 구성 관련 문의
0
196
1
코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.
0
250
2
fetch와 axios에 대한 질문
0
180
1