ivew版本4.5.0后ivu-row样式变更,导致布局错乱

2021年2月1日,上班第二天,公司vue项目删除安装包,执行你npm install后发现两个更新,一个是uuid插件改了路径,一个是比较严重的iview改了布局样式,导致项目布局错乱,发在这里,看看有没有遇到同样的问题

iview版本4.5.0,发现的<Row>标签的样式变了

 重新安装后的样式

 

原样式

个人认为row标签有个属性是type=flex,加上这个属性之后给display:flex,才是对的,新版本的样式是错误的。

找到问题了,原来是官方文档更新了,我擦

一个强制让之前版本的type=flex配置废了

长期对策:手写全局样式把更新覆盖掉,注意样式权重,别覆盖type=flex的样式
短期对策:把package.json里的版本固定在4.4.x

原文地址:https://www.cnblogs.com/zhujunislucky/p/14419160.html