Invalid prop: type check failed for prop "src". Expected String with value "p16_s.jpg,data02.jpg,data03.jpg", got Array
时间: 2023-11-23 16:57:44 浏览: 240
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
根据提供的引用内容,可以看出这是一个关于Vue.js中组件props类型检查失败的问题。其中,引用[1]中的错误信息提示了一个期望为字符串类型的prop实际上是一个对象类型,而引用中的错误信息提示了一个期望为字符串类型的prop实际上是一个数组类型。
针对这个问题,我们需要检查组件中对应的props定义,确保其类型与传入的值类型一致。在这个具体的问题中,我们需要检查组件中对于"src" prop的定义,确保其类型为字符串类型。同时,我们还需要检查传入该组件的props值,确保其为字符串类型而非数组类型。
如果我们需要将一个数组类型的值传入到"src" prop中,我们可以使用数组的join()方法将其转换为字符串类型,例如:
```javascript
<template>
<img :src="srcList.join(',')" />
</template>
<script>
export default {
props: {
src: {
type: String,
required: true
}
},
data() {
return {
srcList: ['p16_s.jpg', 'data02.jpg', 'data03.jpg']
}
}
}
</script>
```
阅读全文