Как установить query параметры для root страницы с использованием роутингов?

Question

[fisherspoons]

Есть ли возможность во Vue установить квери параметры для корневой странице при заходе на нее используя роутинг, это все работает при переходе на следующие шаги, но не понятно как сделать для основной страницы.

import Vue from 'vue'
import Router from 'vue-router'

import Home from "../components/Home"
import StepOne from "../components/Step1"

Vue.use(Router);

let router = new Router({
    routes: [
        {
            path: '/',
            name: 'Home',
            component: Home,
        },
        {
            path: '/step1',
            name: 'step1',
            component: StepOne
        }
    ]
})

<router-link tag="button" class="btn btn-default" :to="{ name: 'step1, query: { plan: 'private' } }">Да</router-link>

Answer 1

[FODD]

В компоненте главной страницы используйте хук beforeRouterEnter.
В нем проверяете наличие query параметров и редиректите куда нужно, если из нет. Аккуратнее с бесконечным переходами.

Comments

[fisherspoons]

да, я эту штуку тоже находил, то есть один вариант с редиректом?