笔者最近使用Element Plus开发时,在使用官网上提供的Menu 组件时出现了错误,使得侧栏中的选项样式异常,而且被点击后也无法展开
笔者计划使用的侧栏
打开控制台,果然发现了报错,报错信息如下图所示
浏览器提示“没有找到el-sub-menu”,这就奇怪了,要使用这个侧栏需要用到许多组件,而它们都是我纯手打的,手动引入的啊,为什么其它的组件就没事呢?
(element.js文件)
而且在引入的时候,也有Element Plus贴心的代码提示,只要打出几个字母,你想要的组件名马上就会出现在候选,应该绝对不存在笔者打错的情况啊
(代码提示)
既然这个侧栏这么多组件只有这一个不能用,于是我开始思考它为什么这么“特别”,我看向了ElMenuItemGroup,它和问题的主角类似,名字都比较长,再观察它的标签el-menu-item-group,好像有点不对Σ(っ °Д °;)っ,观察发现每个组件的标签名就是它们被引入时的名称里的大写字母换小写并在前加上一个’-‘,而el-sub-menu标签对应的引入名却是ElSubmenu,按道理应该是ElSubMenu才对吧
于是我试着改了element.js中的引入,尽管代码提示似乎在对我说NO!前面可是地狱,但我还是义无反顾地修改并运行!!“若一去不回,便一去不回”,果然,我扑街了
无奈我只得试图求助网络,但并没有搜到相关问题,难道只有我这个倒霉蛋遇到了这个问题吗!!这时我看到网络上一个人贴的使用menu组件的代码,其中他使用的是el-submenu标签,难道说我的判断没有错?于是我在我的代码中将el-sub-menu标签修改为el-submenu标签,运行成功了!!
万万没想到,原来是官方给出的代码有问题,亏我还为了你去和代码提示对抗,寄!