添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

工作中遇到el-table在flex布局下容器宽度变化el-table宽度不会自适应。

原因是因为组件的 resize 事件是绑定在 this.$el 上的,flex容器下的 width:100% 会一直向上继承,直到flex容器下第一级子元素,但是当某个子元素的宽度出现固定值并且大于flex伸展的宽度的时候,那么容器就不会收缩,自然也就触发不了 resize 事件了。

解决方案:可以将设置了 flex 属性的容器设置 position:relative ,然后在子元素加多一层div包裹内容,设置 width:100%; 继承父级宽度,那么内容也会继承该div的宽度了。