Nuxt.js에서 현재 경로 이름을 얻는 방법

Nuxt.js에서 현재 경로 이름을 얻는 방법

정적 웹사이트를 구축하기 위해 Nuxt.js를 사용하고 있습니다.

컴포넌트에서 접속하는 방법script현재 표시된 코드 루트 이름(브라우저 위치에서 직접 URL을 읽지 않도록 합니다)

어떻게 해서든 접속할 수 있을까요?$route.name?

네, 다음과 같은 vuejs 루트 객체를 사용할 수 있습니다.$route.name또는$route.path

$nuxt.$route.path

리턴 전류 경로

$nuxt.$route.name

현재 루트의 이름(있는 경우).

루트 오브젝트 속성

루트 오브젝트는 현재 액티브루트의 상태를 나타냅니다.여기에는 현재 URL 및 해당 URL과 일치하는 루트레코드의 해석 정보가 포함됩니다.

• $route.path

  • type: 문자열

  • 현재 루트의 경로와 동일한 문자열로, 항상 절대 경로로 해결됩니다(예: "/foo/bar").

• $route.fullPath

  • type: 문자열

  • 쿼리 및 해시를 포함하여 완전히 해결된 URL입니다.

**

또한 URL 매개 변수를 얻으려면다음과 같이 합니다.

  data() {
    return {
       zone: this.$nuxt.$route.query.zone,
       jour: this.$nuxt.$route.query.jour

    }   },

**

다른 방법으로는 다음 중 하나를 사용할 수 있습니다.

• this.$route.path→ 예http://localhost:3000,{{this.$route.path}}인쇄하다/
• this.$route.name→ 예http://localhost:3000,{{this.$route.name}}인쇄하다index

Nuxt v2 컴포지션 API용

import { computed, defineComponent, useRoute } from '@nuxtjs/composition-api'

export default defineComponent({
   setup() {
       const route = useRoute()
       const routeName = computed(() => route.value.name)
       return { routeName }
   },
})

언급URL : https://stackoverflow.com/questions/44748575/how-to-get-current-route-name-in-nuxt-js