vue项目,子组件需要拿到父组件高度的100%，height:100%失效

父组件：这里习惯会用div包裹，不需要包裹

<template>

  <aaa :menuType="1"></aaa >

</template>

<script>

import aaa from './aaa '

export default {

  components:{

    aaa

  }

}

</script>

<style>

</style>

子组件：

设置一下css: style="min-height: 100%;max-height: calc( 100% - 0px );就可以了

<template>

  <Card style="min-height: 100%;max-height: calc( 100% - 0px );" >

 </Card>

</template>