elementui table高度自适应屏幕大小变化固定表头滚动表单body

1、elementui table高度自适应屏幕大小变化，固定表头，滚动表单body情景分析： 1. 有一个一般列表页，页面滚动时表头不会固定，向上滚动表头会被遮住，体验极差； 2. 比如有搜寻栏，页面滚动条让搜寻栏也被滚动，滑到页面后半部分就不能搜寻了，要滚到页面顶部才可以看到搜寻框，输入搜寻。 大致如下图所示： 将页面尺寸变小时： 将页面尺寸变大时： 解决办法： 给table设置属性 :max-height="tableheight" 按照猎取扫瞄器高度 - 页面固定的部分高度 = tablehight 添加resize大事，监听页面 详细代码： import variab

2、les from &39;/assets/styles/variables.scss&39; /variables 里已经定义好了页面上的nav高度、搜寻栏高度、bodypadding、margin变量，挺直引入计算即可 mounted（） this.$nexttick（） = this.gettableheight（）; ）; window.addeventlistener（&39;resize&39;, this.gettableheight）; , beforedestroy（） window.removeeventlistener（&39;resize&39;, this.gettab

3、leheight）; /一定记得在页面关闭前销毁监听的resize大事，不然多次刷新后页面会由于内存泄漏崩溃 , methods: /计算页面高度 gettableheight（） this.tableheight = this.gettableheight（）; this.tableheight = this.tableheight - this.freetableheight; , /猎取减去除table表单页其余的高度值 gettableheight（） let computedarr = variables.appheadernavheight, variables.appconten

4、toperatorheight, variables.appcontentmargin, variables.appcontentpadding, variables.baseformsmallheight, variables.appcontentlistoperatormarginbottom, variables.apppaginationmargintop, variables.baseformsmallheight, variables.appcontentpadding, variables.appcontentmargin, 8 ; /将不是数值的例如10px 转为 10，相加 let computedheight = computedarr.reduce（function（itema, itemb） return parseint（itema） + parseint（i