当页面搜索条件太多，屏幕分辨率由1920变为1366时，搜索模块高度发生变化，需要通过计算获取高度和表格设置高度,

image.png

image.png

代码实现

<template>
<div>
<div class="search"  ref="search" id="search">
  ......
  </div>
<div  :style=" table_right3">

          <el-table :data="activeTableData1" style="width:100%;" 
             :row-key="getRowKey" height="95%"
                        :header-cell-style="{'background-color':'#ebeef54a'}">
......
</el-table>
</div>
</div>
</template>
<script>
export default {
data(){
  return {
       elementHeight:0,
       table_right3:{}
  }
},
  mounted() {
    this.searchheight()

  },
  methods: {
      //获取 searchheight
      searchheight(){
        let that = this
        setTimeout(()=>{
          that.elementHeight = document.getElementById('search').offsetHeight
          let elementHeight = 240+that.elementHeight
          that.table_right3 = {
            'margin-top':'10px',
              'height': `calc(96vh - ${elementHeight}px)`
          }
        },100)
      },
  }
}
</script>