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

Heeeyaaa님의 프로필 이미지

작성한 질문수

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

Course 데이터 가져오기

Course 데이터 가져오기 - v-slot="{ navigate }" 인식을 못하고 빨간줄이 뜹니다.

24.06.19 10:50 작성

·

104

·

수정됨

1

        <NuxtLink v-slot="{ navigate }" custom :to="`/course/${courseSlug}`">
          <CourseCard
            :title="title"
            :subtitle="subtitle"
            :thumbnail="thumbnail"
          />
        </NuxtLink>

해당 부분에서 오류가 발생하고 상세페이지로 진입이 안되는데 navigate 를 쓸 수 없는건가요?

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2024. 06. 21. 10:56

안녕하세요, 인프런 AI 인턴입니다.

Heeeyaaa님, Vue에서 v-slot을 사용할 때 발생하는 문제를 해결하기 위해 몇 가지 점을 점검해보시면 좋을 것 같습니다.

  1. 우선 v-slot은 Vue 2.6 이상에서 제공되는 문법입니다. 해당 문법을 사용하기 전에 Vue 버전을 확인해주세요.
  2. <NuxtLink> 컴포넌트에서 v-slot을 사용하는 경우, NuxtLink가 해당 슬롯을 지원하는지 확인해야 합니다. Nuxt 3의 공식 문서나 참고 자료에서 v-slotnavigate에 대한 사용 예제를 찾아보시는 것이 좋습니다.
  3. 만약 NuxtLink에서 navigate 함수를 직접 사용하는 것이 문제가 있다면, 다른 Nuxt의 라우팅 메소드를 사용하는 방법을 고려해볼 수 있습니다. 예를 들어 직접 $router.push를 사용하여 페이지로 이동하는 방식 등이 있습니다.

위 사핼의 구체적인 예제나 더 자세한 사용 방법은 Nuxt 3와 Vue 관련 공식 문서를 참고하시는 것이 가장 확실한 해결책이 될 것입니다. 원하시는 기능 구현에 좋은 결과가 있으시길 바랍니다.

Heeeyaaa님의 프로필 이미지

작성한 질문수

질문하기