vue設置頁面的高度100%

1.設置全局頁面高度

在vuecli init的默認工程里面，App.vue 頁面中加 

//App.vue 頁面中
<style>
  html,body,#app{
  height: 100%;
  background:rgba(38, 24, 49,.6);
}
</style>

　　

2.設置單個頁面的高度100%

 

用css3 的相對於視口的高度 vh

<template>
 
    <div class="dataScreen " >
          <div style="height:100vh;" ></div>
    </div>
 
</template>