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>