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
时间: 2023-12-10 11:41:29 浏览: 135
这个错误信息表示在组件`LikingCom`中,`isLikinged`这个prop的类型应该是Boolean,但实际传入的是一个Number类型的值-1。你需要检查一下在哪里给`LikingCom`传递了`isLikinged`这个prop,并确保传递的值是一个Boolean类型的值,而不是Number类型的值。你也可以在`LikingCom`组件中添加一个类型检查来避免这个错误,例如:
```
props: {
isLikinged: {
type: Boolean,
required: true,
default: false
}
}
```
相关问题
uview 的 u-switch 报错Invalid prop: type check failed for prop "value". Expected Boolean, got Number with value 0.
根据提供的引用内容,uview的u-switch组件报错Invalid prop: type check failed for prop "value". Expected Boolean, got Number with value 0.,这是因为u-switch组件的value属性期望的是一个布尔值,但是传入的是一个数值类型。解决方法是将传入的数值类型转换为布尔值类型。以下是一个解决方案的示例代码:
```vue
<template>
<u-switch :value="switchValue === 1" @change="onChange"></u-switch>
</template>
<script>
export default {
data() {
return {
switchValue: 0
}
},
methods: {
onChange(value) {
this.switchValue = value ? 1 : 0;
}
}
}
</script>
```
在上面的代码中,我们将switchValue属性的值设置为0或1,然后将其转换为布尔值类型传递给u-switch组件的value属性。在change事件中,我们将传入的布尔值类型转换为0或1,然后将其赋值给switchValue属性。
Invalid prop: type check failed for prop "checked". Expected Boolean, got Number with value 1.
这个报错是因为在代码中,期望的是一个Boolean类型的值,但实际传递的是一个Number类型的值。具体来说,报错信息是"Invalid prop: type check failed for prop 'checked'. Expected Boolean, got Number with value 1."。
根据提供的引用内容,我们可以看到有一段代码类似于以下的形式:
```html
<el-tag v-if="row.process_id == 0" :disable-transitions="true" type="warning">{{ `未定义模板` }}</el-tag>
```
这里的问题出在`:disable-transitions="true"`这一行。根据引用的建议,在冒号前加上`:disable-transitions`,将其改为`:disable-transitions="true"`即可。
回答完问题后,提出的几个相关问题如下:
相关问题:
1. 为什么在这段代码中需要使用冒号(:)?
2. 如何正确使用冒号(:)来绑定属性?
3. 是否有其他常见的类型检查错误?
阅读全文