Modal 关闭显示异常

[gggitpl]

如图

<template>
  <page-container>
    <template #content>
      <a-button type="primary" @click="showModal">Open Modal</a-button>
      <a-modal v-model:visible="visible" title="Basic Modal" @ok="handleOk">
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </a-modal>
    </template>
    <!-- 主内容区 -->
    <div style="height: 120vh"></div>
  </page-container>
</template>

<script setup lang="ts">
const visible = ref<boolean>(false);

const showModal = () => {
  visible.value = true;
};

const handleOk = (e: MouseEvent) => {
  console.log(e);
  visible.value = false;
};
</script>