Javascript Vue面包屑找不到元数据
我正在尝试制作动态面包屑,但它无法获取我的路线: 错误 [Vue warn]:呈现时出错:“TypeError:无法读取属性“meta” “未定义的” 代码Javascript Vue面包屑找不到元数据,javascript,vue.js,vuejs2,vue-router,Javascript,Vue.js,Vuejs2,Vue Router,我正在尝试制作动态面包屑,但它无法获取我的路线: 错误 [Vue warn]:呈现时出错:“TypeError:无法读取属性“meta” “未定义的” 代码 route.js // ADMIN ROUTES { path: '/dashboard', name: 'dashboard', component: Dashboard, meta: { requiresAuth: true, layout: 'admin',
route.js
// ADMIN ROUTES
{
path: '/dashboard',
name: 'dashboard',
component: Dashboard,
meta: {
requiresAuth: true,
layout: 'admin',
name: 'dashboard',
breadCrumb: 'Dashboard' //here
}
},
{
path: '/dashboard/products',
name: 'adminProducts',
component: AdminProducts,
meta: {
requiresAuth: true,
layout: 'admin',
breadCrumb: 'Products' //here
}
},
// and so on...
Admin.vue(我的管理仪表板的布局)
有什么想法吗?错误来自这一行
text: this.$route.matched[idx].meta.breadCrumb || path,
这是因为您正在访问匹配路由的索引,而该索引在阵列上不可用。似乎匹配的路由只包含一个元素,并且在迭代pathArray时将索引定为1
或者我应该说,您的目标是匹配路由中不存在的索引
这就是vue返回此警告的原因
[Vue warn]: Error in render: "TypeError: Cannot read property 'meta' of undefined"
请检查您的匹配路由
是否包含与路径数组长度相等的元素
注释不用于扩展讨论;这段对话已经结束。
text: this.$route.matched[idx].meta.breadCrumb || path,
[Vue warn]: Error in render: "TypeError: Cannot read property 'meta' of undefined"