Invalid prop: type check failed for prop "treeListObj". Expected Array, got Object

在Vue项目中，当我们通过Props属性向子组件传递值时，有时会遇到"Invalid prop: type check failed for prop"的错误信息，其中会明确告诉我们期望的类型和实际传递的类型不匹配。根据您提供的引用内容，我们可以看到在子组件中，roleList变量的类型被定义为对象，而在父组件中传递给子组件的roleList变量的类型是数组，所以出现了错误。为了解决这个问题，您需要修改子组件的Props属性中的roleList变量的类型为数组，并设置一个默认值。具体代码如下：

export default {
  props: {
    roleList: {
      type: Array, // 将类型修改为数组
      default: () => [] // 设置一个默认值
    }
  }
}

通过这样的修改，我们就能够解决"Invalid prop: type check failed for prop"的错误，确保父组件传递给子组件的roleList变量的类型和子组件中的类型一致。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法](https://blog.csdn.net/qq_41782425/article/details/132202943)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]