Invalid prop: type check failed for prop "destroyOnClose". Expected Boolean, got String with value "true". found in ---> <ElDialog> at packages/dialog/src/component.vue <AddEditDialog> at src/views/disease-bank-manage/disease-features-manage/components/add-edit-dialog.vue <BaseMainSlot> at src/components/BaseMainSlot/kong-new2.vue <DiseaseFeaturesManage> at src/views/disease-bank-manage/disease-features-manage/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root>
时间: 2024-03-30 18:35:16 浏览: 304
这似乎是一个 Vue.js 的错误提示,提示 "destroyOnClose" 这个属性的类型应该是 Boolean 类型,但是实际传入的是 String 类型 "true"。这可能是因为在某个组件中,你传入了一个字符串 "true" 作为 "destroyOnClose" 属性的值,而组件期望的是一个 Boolean 类型的值。你可以检查一下代码,看看是否有这样的情况出现,如果有,可以将属性值改为 true 或者 false。
相关问题
Invalid prop: type check failed for prop "destroyOnClose". Expected Boolean, got String with value "true"
当你看到这样的错误信息,通常是在React.js中遇到的一个常见类型检查错误。"Invalid prop: type check failed for prop "destroyOnClose"." 意味着你在尝试向组件传递一个名为"destroyOnClose"的属性,但是该属性应该是一个布尔值(Boolean),而实际上传递的是一个字符串(String),并且这个字符串的值是 "true"。
React非常注重类型的验证,这有助于保证组件能够正确地接收和处理预期的数据。在这种情况下,你需要确保你传给组件的 `destroyOnClose` 属性是一个布尔型,可能是直接赋值为布尔值 `true` 或者从状态或者其他数据源获取时做适当的转换。
修正这个问题的示例代码可能会像这样:
```jsx
// 错误示例
<YourComponent destroyOnClose="true" />
// 更正后的示例
const shouldDestroy = true; // 或者从状态或props中正确获取布尔值
<YourComponent destroyOnClose={shouldDestroy} />
```
Invalid prop: type check failed for prop "isLikinged". Expected Boolean, got Number with value -1. found in ---> <LikingCom> at src/components/likingCom.vue <ArticleIndex> at src/views/article/articleView.vue <App> at src/App.vue
这个错误信息表示在组件`LikingCom`中,`isLikinged`这个prop的类型应该是Boolean,但实际传入的是一个Number类型的值-1。你需要检查一下在哪里给`LikingCom`传递了`isLikinged`这个prop,并确保传递的值是一个Boolean类型的值,而不是Number类型的值。你也可以在`LikingCom`组件中添加一个类型检查来避免这个错误,例如:
```
props: {
isLikinged: {
type: Boolean,
required: true,
default: false
}
}
```
阅读全文