роутер pu sh не работает в vuejs, когда я хочу передать параметры

Question

Когда я хочу использовать программную c навигацию по пакету vue-router, это работает, но когда я хочу передать параметры компоненту с помощью router.push методов, он вообще не работает. У кого-нибудь есть решение?

Мой код здесь:

import VueRouter from 'vue-router'
import routes from './routes';

const router = new VueRouter({routes});

Vue.use(VueRouter);

и код pu sh:

router.push({ name: 'reportArchive', params: {token: token} });

Моя конфигурация маршрута:

{ path: '/reportArchive', name: 'reportArchive', component: reportArchive },

Answer 1

Если вы действительно хотите передать параметр, вам нужно установить маршрут для приема параметра, как показано ниже:

{ path: '/reportArchive/:token', name: 'reportArchive', component: reportArchive },

Это соответствует ответу Эльдара выше, но если вы хотите передать URL параметры запроса, вам нужно использовать запрос вместо параметров в коде, например:

router.push({ name: 'reportArchive', query: {token: token} });

Answer 2

Ваше определение маршрута не принимает параметр. Вы должны определить свой маршрут, как показано ниже:

{ path: '/reportArchive/:token', name: 'reportArchive', component: reportArchive },