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

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

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

问题描述

博主在 Vue 项目中，通过父组件向子组件传递数据，在父组件中通过绑定属性的方式传递数据给子组件，然后在子组件中定义 props 属性来接收传递的数据，运行项目提示Prop “roleList” should define at least its type，如下图所示：

在这里插入图片描述

解决方法

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

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

  1. props: ['roleList']

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

  1. props: {
  3.   roleList: {
  5.     type: Array, // 类型
  6.     default: () => [] // 默认值
  7.   }
  8. }

重新运行项目，问题解决

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，157人围观）

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

相关阅读