【踩坑日记】el-table的属性max-height导致内容超出后不滚动

​

      简单来说是elementUI源码里面转换高度的方法parseHeight，无法处理calc(100vh-20px)这种数据，网络上其他文章的解决方式改动量都不小，要么是继承组件魔改方法，要么是重写样式，但是又会导致fixed失效，要么就是照着改了不小。
其实我们只要不传字符串数据，max-height固定传Number就行了，px也不要加。例如

data() {
    return {
      maxHeight: (window.innerHeight * 0.9 - 210) , //不要 px
      list:[]
    }
}

<el-table
     :max-height="maxHeight"
     :data="list"
     size="medium"
     border>
</el-table>

​