Vue.js 命名路由缺少参数：应为；x"；待定义

我是否这样做

Vue.router.push({ path: '/beats/catalog/1' }) 

还是这个

Vue.router.push({ name: 'BeatsCatalog', params: { page: 1 } })

我得到了同样的结果：

[vue路由器]命名路由“BeatsCatalog”缺少参数：需要定义“页面”。

路由器：

{
        path: '/beats',
        components: {
            navbar: Navbar,
            default: { template: `<router-view/>` }
        },
        children: [{
                name: 'BeatsCatalog',
                path: 'catalog/:page',
                components: {
                    default: () => import('@/views/BeatsCatalog')
                },
                props: { default: true }
            },
            {
                path: 'upload',
                name: 'BeatsUpload',
                components: {
                    default: () => import('@/views/BeatsUpload')
                }
            },
        ],
        meta: { requiresAuth: true }
    }

{
路径：'/beats'，
组成部分：{
导航栏：导航栏，
默认值：{模板：`}
},
儿童：[{
姓名：'比阿特斯卡塔洛格'，
路径：“目录/：页”，
组成部分：{
默认值：（）=>导入（“@/views/BeatsCatalog”）
},
道具：{default:true}
},
{
路径：“上传”，
名称：“BeatsUpload”，
组成部分：{
默认值：（）=>导入（“@/views/BeatsUpload”）
}
},
],
meta:{requireAuth:true}
}

是什么导致了这个问题？我看不出我的设置有什么问题，我正在做文档中的所有事情。 谢谢。

@Giacoma， 在组件BeatsCatalog的数据属性中，初始加载时页面未定义。因此你得到了错误

所以要解决这个问题，请将路由器链接包装在v-if中

相同错误的参考资料以及更好的解释如下：