修复多tab页切换时候table固定列高度重新渲染计算高度错误,导致最后一列只显示一半

element-ui@2.15.6
不知道为什么viewHeight 高度计算得不对,tableHeight 是正确的,这边直接修改element-ui ,然后制作补丁放在项目里面解决项目中的问题

  1. npm install patch-package --save-dev

  2. 在 package.json 文件中的 scripts 中加入 "postinstall": "patch-package"

  3. 搜索修改js文件工程 /node_modules/element-ui/ fixedHeight方法中,最后一块(我三个文件都改了)
    height: this.layout.viewHeight ? this.layout.viewHeight + 'px' : '' 改为
    height: this.layout.tableHeight ? this.layout.tableHeight + 'px' : ''

  1. npx patch-package element-ui 打补丁,最后会多了一个文件夹patches

  2. 删除node_modules 下面 element-ui 执行 npm install 会发现修改的代码会覆盖到新生成element-ui下面

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一步:创建集群 image.png 如果已经有了集群的界面如下 image.png 第二步:创建用户(注意记住帐...
    罗双海阅读 1,703评论 0 0
  • Vue真是太好了 壹万多字的Vue知识点 超详细! 9 ️1⃣️、Vue和其他两大框架的区别 Angular 学习...
    三千繁夢阅读 2,732评论 0 0
  • 1.安装 nodejs 2.安装 git 3.下载vue-element-admin[https://github...
    小甜甜甜甜椒阅读 2,999评论 0 0
  • 文章转自HulkShen npm在前端开发流程中提供了非常完善的自动化工具链,已成为每个前端开发者必备的工具,但是...
    秋枫残红阅读 3,899评论 0 1
  • 1.安装 nodejs 2.安装 git 3.下载vue-element-admin[https://github...
    宝备阅读 1,417评论 0 0