【已解决|详细原因分析】TypeError: Cannot read properties of undefined (reading ‘openedMenus‘)

项目场景：

使用element-ui的菜单时，插入父组件中报错。

---

问题描述

一连串的bug都说找不到这个属性。

---

原因分析：

如果不太清楚elment-ui的菜单的结构的话，这篇文章将的很清楚：

(20条消息) Element ui中menu组件(el-menu/el-menu-item/el-submenu/template) 层级结构和用法_擦拉嘿的博客-CSDN博客

---

可能是项目引入的elementui与vue版本不对应，index.html文件中引用的vue.min.js脚本文件版本不对

一开始我觉得特别奇怪，因为我根本没用到这个opendedMenu的属性，所以它提示我找不到这个就贼无语。

---

解决方案：

• 第一步：查看element-ui和vue的版本

打开package.json，我们可以看得到在_args中，记录了当前elementUI的版本号，以及项目的绝对路径。或者还可以再终端输入npm list vue

两种方法都可以。

根据这篇博客，我的版本是符合要求的。(20条消息) vue项目 element UI 版本升级过程遇到的问题及解决办法_elementui版本_￡白昼の星☆的博客-CSDN博客

 

• 第二步：家人们，我找了半天，然后试着去看看原因二，然后我发现我的代码里面额外引入了一次vue（可能是因为我之前测试用的），我把那一行注释掉就成功了。我哭死。

•  第三步：成功显示咯！！！

 

---

附一个使用导航栏跳转路由的链接：

element-ui使用导航栏跳转路由用法 - front-gl - 博客园 (cnblogs.com)