Invalid prop: type check failed for prop "icon". Expected Function, got String with value "".
时间: 2024-01-16 10:19:08 浏览: 28
根据提供的引用内容,你遇到了一个Vue开发中的错误:Invalid prop: type check failed for prop "icon". Expected Function, got String with value "".
这个错误通常是由于在使用第三方文件时,没有正确设置icon class导致的。解决方案是在使用svg的地方使用''拼接即可解决。
以下是一个示例代码,演示了如何解决这个问题:
```javascript
<template>
<div>
<svg :class="'icon ' + iconClass"></svg>
</div>
</template>
<script>
export default {
props: {
iconClass: {
type: String,
required: true
}
}
}
</script>
```
在上面的代码中,我们使用了`iconClass`作为props来接收icon的class。在使用svg的地方,我们使用`'icon ' + iconClass`来拼接class,确保正确设置了icon class。
相关问题
Invalid prop: type check failed for prop "summaryMethod". Expected Function, got String with value "".
这个错误提示是在检查一个叫做"summaryMethod"的属性时发生的。根据引用中的描述,这个属性应该是一个函数类型,但实际上传入的却是一个空字符串。因此,出现了类型检查失败的错误。解决这个问题的方法是,确保将一个函数作为"summaryMethod"属性的值传入,而不是一个字符串。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Invalid prop:type check failed for prop.Expected String with value“[object Object]”got Object](https://blog.csdn.net/qq_45796592/article/details/131870831)[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_1"}}] [.reference_item style="max-width: 50%"]
- *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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
Invalid prop: type check failed for prop prefixicon. Expected string with value NaN,got number with value NaN.
根据提供的引用内容,你遇到了一个类型错误的问题。报错信息是"Invalid prop: type check failed for prop prefixicon. Expected string with value NaN, got number with value NaN."。这个错误表明你传递的值的类型不正确。期望的类型是字符串,但你传递的是一个NaN的数字值。
解决这个问题的方法是将传递的值改为字符串形式。确保你传递的值是一个有效的字符串,而不是一个NaN的数字值。
以下是一个示例代码,演示如何解决这个问题:
```javascript
// 传递一个有效的字符串作为参数
<YourComponent prefixicon="validString" />
// 或者将NaN的数字值转换为字符串
<YourComponent prefixicon={String(NaN)} />
```
请注意,根据你的具体情况,你可能需要将上述示例代码中的"YourComponent"替换为你实际使用的组件名称。