记录Element-plus 1.x升级到2.x的一些问题

291 阅读1分钟

之前写的一个后台管理系统的架构的UI框架用的是Element-plus 1.0.2-beta.71,但现在的Element-plus版本最新已经到了2.x了,所以打算升级一下。但其中也遇到了一些坑,这里记录一下。

项目git地址:github.com/wudengyao/a…

image.png

坑1:升级之后左侧的el-menu子菜单的写法改变

  • element-plus 1.x的写法:el-submenu

image.png

  • element-plus 2.3.5的写法:el-sub-menu

image.png

坑2:升级之后左侧的el-menu子菜单的样式改变

如果你们的项目之前有对el-menu子菜单的样式有一些自定义写法的,那就也需要适配下,

image.png

也是在el和sub之间加上“-”号

坑3:升级之后中文包路径修改

image.png

坑4:升级之后一些input、button的size变小了,

image.png image.png

如果你们之前input、button等的size有用size="samll",把这句去掉就好了,因为升级之后,好像size="samll" 好像变得更小了

  • size="samll" 去掉后的效果

    image.png

坑5: Font Icon 向 SVG Icon 迁移

image.png

所以之前涉及到Font Icon的最好都改为SVG ICON的形式,

image.png

  • 更改后的样式及其hover样式 image.png

总结

最新项目地址:github.com/wudengyao/a… 暂时就遇到这些问题,有需要补充的,可以下方留言讨论