小编Max*_*sch的帖子

我正在使用 Quasar/Vue 构建一个应用程序。我将“组织”对象传递给组件

<q-tab-panel name="roles">\n   <OrganisationRolesTab :organisation="organisation"></OrganisationRolesTab>\n</q-tab-panel>\n

在 OrganizationRolesTab.vue 内部，我通过 DefineProps 通用符号定义了 prop“组织”：

<template>\n  {{ organisation }}\n</template>\n\n<script setup lang="ts">\nimport { IOrganisation } from \'src/interfaces/IOrganisation\'\n\ndefineProps<{ organisation: IOrganisation | false }>()\n</script>\n

I 组织是：

export interface IOrganisation {\n  id?: string\n  title: string\n  shortTitle: string\n  createdAt?: Date\n  updatedAt?: Date\n}\n

这在控制台中向我发出警告：

runtime-core.esm-bundler.js?f781:38 [Vue warn]: Invalid prop: type check failed for prop "organisation". Expected Null | Boolean, got Object  \n  at <OrganisationRolesTab organisation= {id: \'94de89d3-38f2-4410-bf86-74db781b18aa\', createdAt: \'2022-06-13T15:11:45.185Z\', updatedAt: \'2022-07-03T14:24:26.103Z\', …