Vue报错：Prop “roleList“ should define at least its type vue/require-prop-types 解决方案

Dear 丶 2024-03-23 20:38 165阅读 0赞

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢大家！

### 问题描述 ###

博主在 `Vue` 项目中，通过父组件向子组件传递数据，在父组件中通过绑定属性的方式传递数据给子组件，然后在子组件中定义 `props` 属性来接收传递的数据，运行项目提示Prop “roleList” should define at least its type，如下图所示：  
  
![在这里插入图片描述][d144f85f4e3e4a568a24d7caa1f41e7b.png]

### 解决方法 ###

> 首先会出现这个警告提示出现，说明你的vue项目启用了ESlint工具，就会有强制执行规则，ESLint是一个QA工具，是用来避免低级错误和统一代码的风格，最常见的就是你只要定义了变量就必须使用或者注释忽略，不过即使这样你也要习惯用这个工具来促使你良好的编码习惯

回到项目中在子组件中是这样定义 `props` 属性的

props: ['roleList']

根据`ESlint`工具的警告信息 prop ‘roleList’ should define at least its type 我们应该定义 `roleList` 变量的类型，即进行选下修改即可

props: {
        
      roleList: {
        
        type: Array, // 类型
        default: () => [] // 默认值
      }
    }

重新运行项目，问题解决  
  
![在这里插入图片描述][f9ce64ba98cd4c61935be035dda4ef48.png]

[d144f85f4e3e4a568a24d7caa1f41e7b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/9bb0d7cc2c87467da6c8988f97264166.png
[f9ce64ba98cd4c61935be035dda4ef48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/55d50d9e27a84cff9f3c2a1d88aaf59d.png

Vue报错：Prop “roleList“ should define at least its type vue/require-prop-types 解决方案

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法

相关 Vue报错：Prop “roleList“ should define at least its type vue/require-prop-types 解决方案

相关【缓存】At least one non empty cache name should be provided per cache operation.的解决方案

相关 lvm出现Metadata area size too small, it must be at least报错，该如何修复？

相关 vue报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String....

相关 vue报错[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String.

相关 vue报错：Invalid prop: type check failed for prop “index“. Expected String with value

相关报错：Inferred type 'S' for type parameter 'S' is not within its bound; should extend XXX

相关日常报错、[Vue warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String.

相关报错 - 解决 Vue is not defined