Invalid prop: type check failed for prop "size"
时间: 2023-10-18 15:28:45 浏览: 143
"Invalid prop: type check failed for prop 'size'"这个错误提示意味着在传递给组件的prop 'size'上有类型校验错误。根据引用中的信息,我们可以看到在ElAvatar组件中,prop 'size'被赋予了一个数组值['large'],但是它的期望类型是Number或String。
根据引用中的信息,父组件想要向子组件传递author_avatar_size作为prop 'size'的值。在props属性中,我们可以看到author_avatar_size的类型被定义为String或Number,并且默认值为'large'。同时,在计算属性computed中,author_avatar_size被返回。然而,根据引用中的信息,当只调用一个计算属性时,不需要使用中括号,否则会被判定为传入了一个数组类型。
因此,解决这个错误的方法是将传递给ElAvatar组件的size值改为一个String或Number类型的值,而不是一个数组。可以通过修改父组件中的传值方式,确保author_avatar_size是一个String或Number类型的值,然后在子组件中直接使用这个值作为prop 'size'的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Invalid prop: type check failed for prop ““. Expected Number | String, got Array](https://blog.csdn.net/qq_52697994/article/details/124515639)[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 ]
阅读全文