vue-router中template or render function not defined.解决方法记录(仅限我本人的项目状况)

作者在Vue项目中使用ElementUI的NavMenu组件时遇到路由问题,经过两天一夜的排查,最终发现并非NavMenu组件本身的错误。问题出在配置路由的component时,无论是import还是懒加载,不应使用花括号。移除花括号后,路由问题得到解决,页面内容正常显示。作者认为这可能是个小bug,并对此进行了记录。
摘要由CSDN通过智能技术生成

最近一个vue项目有用到elementUI相关组件,不过嘛,头疼的事来了,该组件困扰了我两天一夜。(结果最后发现和它压根没关系)

如上图,NavMenu组件,一个可以启用index路由导航的组件,在做静态路由测试的时候,出大问题,路由完全正确,router>index.js中import引入组件也没问题,懒加载也没问题,就是router-view中没有东西。报错如下,到处修修改改没找着问题。

部分路由配置代码如下图(每个人的配置写法略有差异):

测试到最后发现……,压根和elementUi的NavMenu组件没关系,只是在配置component时,无论是提前import引入组件,还是使用懒加载,都不要使用花括号!!!!!!(也不知道是不是一种bug)

至此,没有报错,router-view中终于有内容了并成功显示,ε=(´ο`*)))唉,一个括号问题,折腾这么久,简单记录下自己的蠢。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值