Javascript 如何验证路线是否收到道具

Javascript 如何验证路线是否收到道具,javascript,vue.js,vue-router,Javascript,Vue.js,Vue Router,我在GridRow.vue中有一个重定向到传递参数的路由的方法: redirectWithData () { this.$router.push({ name: 'payment.request', params: { periodFrom: this.data.periodFrom, periodTo: this.data.periodTo,

我在GridRow.vue中有一个重定向到传递参数的路由的方法:

    redirectWithData () {
        this.$router.push({
            name: 'payment.request',
            params: {
                periodFrom: this.data.periodFrom,
                periodTo: this.data.periodTo,
                receipt: this.data.receipt
            }
        })
    }
但是,当我刷新页面时,我丢失了这些参数,我不知道如何在调用的新路由中保存这些参数,或者如何检查该路由是否收到了这些参数,如果没有,则重定向到另一个路由

我在RequestPayment.vue中收到参数:

props: {
    periodFrom: String,
    periodTo: String,
    receipt: Number
}
在vue路由器中,我刚刚为RequestPayment设置了props:true。vue我试图设置导航保护,但没有成功

{
    component: RequestPayment,
    name: 'payment.request',
    path: '/pagamentos/solicitar',
    props: true
}

要通过路由器使用Vue.JS中的参数,必须使用url传递它。例如:

{
    /* router.js */
    component: RequestPayment,
    name: 'payment.request',
    path: '/pagamentos/solicitar/:periodFrom/:periodTo/:receipt',
    props: true
}
通过这样做,每当Vue渲染组件时,它都会将组件内的道具与路由中的道具进行匹配,这就是为什么路由器上和组件内的道具必须使用完全相同的名称

如果道具以不同的方式传递或控制,则应考虑使用<强> VUEX < /强>