ant desgin vue 中PageWrapper怎么设置高度100%

和 a-card 一样，你可以在 PageWrapper 的外层包裹一个容器，然后给这个容器设置高度为 100%，再将 PageWrapper 的高度设置为 100%。具体的代码如下所示：

<template>
  <div class="page-wrapper-container">
    <a-page-header></a-page-header>
    <a-layout>
      <a-layout-sider></a-layout-sider>
      <a-layout-content>
        <a-page-wrapper :style="{ height: '100%' }">
          <!-- page content -->
        </a-page-wrapper>
      </a-layout-content>
    </a-layout>
  </div>
</template>

<style>
.page-wrapper-container {
  height: 100%;
}
</style>

这样就可以让 PageWrapper 占据整个容器的高度了。需要注意的是，如果 PageWrapper 的父元素没有设置高度，那么设置 PageWrapper 的高度为 100% 是无效的。