el-tab-pane中table显示高度根据屏幕定义

 <el-tab-pane label="首页" name="third">
        	<planIndexBanner v-if="activeName == 'third'" :style="{height:(screenHeight-80)+'px'}" ref="planIndexBanner"/>
</el-tab-pane>

 data() {
         return {
           screenHeight: document.documentElement.clientHeight, // 屏幕高度
           }
      },
watch: {
      'screenHeight': function (val) { // 监听屏幕高度变化
        var oIframe = document.getElementById('maindiv')
        oIframe.style.height = (Number(val) - 40) + 'px'
      }
    },
    mounted() {
  		  var _this = this
          window.onresize = function () { // 定义窗口大小变更通知事件
            _this.screenHeight = document.documentElement.clientHeight // 窗口高度
          }
  },