Как получить параметры маршрута в Nuxt 3: методы и примеры

Чтобы получить параметры маршрута в Nuxt 3, вы можете использовать следующие методы:

  1. Использование context.route.params: в Nuxt 3 объект contextдоступен в setup()>функции компонентов вашей страницы. Вы можете получить доступ к параметрам маршрута, используя context.route.params. Вот пример:

    <template>
     <div>
       <p>{{ $route.params.paramName }}</p>
     </div>
    </template>
    
    <script>
    export default {
     setup(context) {
       console.log(context.route.params.paramName);
     },
    };
    </script>
  2. Использование объекта $route: Nuxt 3 предоставляет объект $route, который содержит информацию о маршруте, включая параметры. Вы можете получить доступ к параметрам маршрута, используя $route.paramsв своем компоненте. Вот пример:

    <template>
     <div>
       <p>{{ $route.params.paramName }}</p>
     </div>
    </template>
    
    <script>
    export default {
     mounted() {
       console.log(this.$route.params.paramName);
     },
    };
    </script>