vue 图片全屏展示

<template>
  <div id="hItem1" :style="{ height: screenHeight + 'px'}">
         <div class="mainK">
           <img :style="{ height: screenHeight + 'px'}" src="@/images/home/item1/banner.png" alt="">
         </div>
  </div>
</template>
<script>
export default {
  name: "hItem1",
  data(){
     return{
         screenHeight: 0, // 屏幕高度
     }
  },
    created: function () {
    this.screenHeight = document.documentElement.clientHeight;
  }
};
</script>
<style lang="scss" scoped>
#hItem1 {
 .mainK{
    img{
       width: 100%;
    }
 }
}
</style>