Learn Nuxt with a Collection of 100+ Tips!
View Tips
v3.17
  • Docs
  • Integrations
  • Resources
  • Enterprise
  • Blog
Nuxt on GitHub
  • Get Started
  • Guide
  • API
  • Examples
  • Community
    • $fetch
    • abortNavigation
    • addRouteMiddleware
    • callOnceNew
    • clearError
    • clearNuxtData
    • clearNuxtState
    • createError
    • defineNuxtComponent
    • defineNuxtRouteMiddleware
    • definePageMeta
    • defineRouteRules
    • navigateTo
    • onBeforeRouteLeave
    • onBeforeRouteUpdate
    • onNuxtReady
    • prefetchComponents
    • preloadComponents
    • preloadRouteComponents
    • prerenderRoutes
    • refreshCookieNew
    • refreshNuxtData
    • reloadNuxtApp
    • setPageLayout
    • setResponseStatus
    • showError
    • updateAppConfig
  • Nuxt Configuration
  1. Docs
  2. API
  3. Utils

onBeforeRouteLeave

Source
The onBeforeRouteLeave composable allows registering a route guard within a component.
Read more in Vue Router Docs.
Report an issue or Edit this page on GitHub

navigateTo

navigateTo is a helper function that programmatically navigates users.

onBeforeRouteUpdate

The onBeforeRouteUpdate composable allows registering a route guard within a component.

Community

  • Nuxters
  • Team
  • Design Kit

Products

  • Nuxt UI Pro
  • Nuxt Studio
  • NuxtHub

Enterprise

  • Support
  • Agencies
  • Sponsors

Stay updated on new releases and features, guides, and community updates.

Nuxt on XNuxt on BlueSkyNuxt on LinkedInNuxt on DiscordNuxt on GitHub

Copyright © 2016-2025 Nuxt - MIT License