Javascript 如何验证路线是否收到道具
我在GridRow.vue中有一个重定向到传递参数的路由的方法: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,
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 < /强>