ElementUI el-table 在flex下的宽度自适应问题

最新推荐文章于 2025-05-16 10:18:24 发布

前端弓箭手

最新推荐文章于 2025-05-16 10:18:24 发布

阅读量1.5w

点赞数 15

CC 4.0 BY-SA版权

分类专栏：学习文章标签： vue element el-table flex

本文链接：https://blog.youkuaiyun.com/qq_19694913/article/details/81144314

BUG：在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据，在做宽度自适应测试的时候发现该组件的宽度只会增加不会缩小。

Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段

// table.vue
if (this.fit) {
  addResizeListener(this.$el, this.resizeListener);
}

// resize-event.js
export const addResizeListener = function(element, fn) {
   
   
  if (isServer) return;
  if (!element.__resizeListeners__) {
    element.__resizeListeners__ = [];
    element.__ro__ = new