最近一个vue项目有用到elementUI相关组件,不过嘛,头疼的事来了,该组件困扰了我两天一夜。(结果最后发现和它压根没关系)
如上图,NavMenu组件,一个可以启用index路由导航的组件,在做静态路由测试的时候,出大问题,路由完全正确,router>index.js中import引入组件也没问题,懒加载也没问题,就是router-view中没有东西。报错如下,到处修修改改没找着问题。
部分路由配置代码如下图(每个人的配置写法略有差异):
测试到最后发现……,压根和elementUi的NavMenu组件没关系,只是在配置component时,无论是提前import引入组件,还是使用懒加载,都不要使用花括号!!!!!!(也不知道是不是一种bug)
至此,没有报错,router-view中终于有内容了并成功显示,ε=(´ο`*)))唉,一个括号问题,折腾这么久,简单记录下自己的蠢。