vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop "id". Expected Number, got Undefined found in ---> <Goods> at src/views/Goods.vue <App> at src/App.vue <Root>

这个错误是因为你在使用 `Goods` 组件时，没有传入 `id` 属性或者传入了一个 undefined 的值。根据错误信息，`id` 属性应该是一个 Number 类型的值。你需要检查一下在使用 `Goods` 组件的地方是否正确传入了 `id` 属性，并且它的值是一个有效的数字类型。如果确保传入了有效的数字类型，你可以在 `Goods` 组件中添加一个默认值来避免这个错误，例如：

props: {
  id: {
    type: Number,
    default: 0 // 添加默认值
  }
}

相关问题

vue.runtime.esm.js?c320:4605 [Vue warn]: Invalid prop: type check failed for prop "collapse". Expected Boolean, got Function

This error message means that the "collapse" prop is expecting a boolean value, but it is receiving a function instead.

To fix this error, you should check where the "collapse" prop is being used and ensure that it is being passed a boolean value. If the value needs to be dynamic or computed, make sure that the function returns a boolean value.

For example, if you have a component that uses the "collapse" prop:

<template>
<div>
<button @click="toggleCollapse">{{ collapse ? 'Expand' : 'Collapse' }}</button>
<div v-if="!collapse">
<p>Some content here</p>
</div>
</div>
</template>

<script>
export default {
props: {
collapse: {
type: Boolean,
default: false
}
},
methods: {
toggleCollapse() {
this.$emit('update:collapse', !this.collapse);
}
}
}
</script>

In this example, the "collapse" prop is used to conditionally render the content inside the component. The "toggleCollapse" method is used to toggle the value of the "collapse" prop.

If you are passing a function instead of a boolean value to the "collapse" prop, you will need to update the code to pass a boolean value instead:

<template>
<my-component :collapse="isCollapsed"></my-component>
</template>

<script>
export default {
data() {
return {
isCollapsed: false
}
},
methods: {
toggleCollapse() {
this.isCollapsed = !this.isCollapsed;
}
}
}
</script>

In this example, we are passing the "isCollapsed" data property to the "collapse" prop. The "toggleCollapse" method is used to update the value of "isCollapsed" which will then update the "collapse" prop.

vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop "rules". Expected Object, got Array found in

这个错误通常是因为你在给一个组件传递 props 时，给的值类型和你在组件中定义的类型不一致。具体来说，这个错误是因为你传递给某个组件的 rules 属性的值应该是一个对象，但实际传递的是一个数组。你需要检查一下你传递给这个组件的 props 是否符合组件定义的类型。如果你需要传递一个数组，可以考虑将其包装成一个对象再传递进去。