vue3 添加彈窗組件 總是報錯還不顯示，在網(wǎng)上找了很多辦法 如下辦法可行。

<template>
// 引入的彈窗
 <dialogDetail v-model:visible="innerVisible" ref='dialogDetail'></dialogDetail>
</template>
<script>
import { defineAsyncComponent, defineComponent } from "@vue/runtime-core";
export default defineComponent({
  name: "Index",
  components: {
    dialogDetail: defineAsyncComponent(() =>
      import("../xxxx") // 組件地址
    ),
  },
});
</script>

// 彈窗組件
<template>
   <el-dialog
    width="961px"
    title="xxx"
    :model-value="visible"
    :append-to-body="true"
    :show-close="false"
  ></el-dialog>
</template>
<script setup>
const props = defineProps(["visible"]);
</script>