16、BaseDialog.vue中添加<teleport to="body">,避免BaseDialog嵌套很深
<template>
<teleport to="body">
<div @click="$emit('close')">
<dialog open>
<header>
<slot name="header">
<h2>{{ title }}</h2>
</slot>
</header>
<section>
<slot></slot>
</section>
<menu>
<slot name="actions">
<!-- if no content from parent, there is a default close button -->
<base-button @click="$emit('close')">Close</base-button>
</slot>
</menu>
</dialog>
</div>
</teleport>
</template>