Invalid prop: type check failed for prop "icon". Expected Function, got String with value "".
时间: 2024-01-16 09:19:08 浏览: 153
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
根据提供的引用内容,你遇到了一个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。
阅读全文