<template>
  <view class="my_main">
    <!-- 页面内容 -->
  </view>
</template>


mounted() {
  console.log('窗口变化前,my_main的高度为:',
  document.querySelector('.my_main').style.height)
  // 获取初始页面高度
  let mainHeight = document.body.offsetHeight
  console.log('mainHeight', mainHeight)
  // 监听页面高度变化window.onresize,
  window.onresize = function () {
    console.log('窗口变化了:')
    let Height = document.body.offsetHeight
    console.log('mainHeight', mainHeight)
    console.log('Height', Height)
    if(mainHeight > Height){
      document.querySelector('.my_main').style.height = mainHeight + 'px'
    } else {
      document.querySelector('.my_main').style.height = '94vh'
    }
  }
},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐