vue 项目 Cannot read property ‘forEach‘ of undefined

本文详细介绍了在使用Vue.js创建路由时遇到的问题,由于将`routes`参数误写为`routers`导致的错误。通过对比官方文档,发现参数名必须与`routes`一致。修正后的代码示例展示了正确创建路由的方法,强调了遵循官方文档细节的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

产生此问题原因  :createRouter(),创建路由时候传入参数名称存在问题

官方文档指出createRouter()方法参数名    history,routes   。排查这两个参数名称,传入的名称必须和这个一样

  

错误代码分析:

重点看红色框框中代码

以上代码我使用简写方式,创建路由这步操作中传入的参数   我传入的  routers 这个参数名称

和官方文档中   routes  参数名称不一致,造成此错误原因

解决办法: 

const routes = [

    { path: '/home', component: Home },

    { path: '/footer', component: Footer }

]

//创建路由

const router = createRouter({

    history: createWebHashHistory(),

    routesroutes     //这个参数的key 一定要与官方文档名字保持一致

});

注意看红色的代码,这样写就没问题了

这个地方我大意了啊,没注意细节 ...............

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mhi()

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值