Invalid prop: type check failed for prop "destroyOnClose". Expected Boolean, got String with value "“true”".
时间: 2024-08-20 09:00:46 浏览: 40
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
您遇到的错误信息通常出现在使用Vue.js进行前端开发时,尝试在组件上使用名为`destroyOnClose`的prop,但是传递的值类型不符合预期。错误信息指出,Vue期望`destroyOnClose`是一个布尔值(Boolean),但是实际上接收到的是一个字符串(String)类型,并且这个字符串的内容是中文引号包围的"true"(“true”)。
在Vue.js中,组件的props是用于父组件向子组件传递数据的自定义属性。Vue允许你在子组件中定义接收哪些props,并且可以指定每个prop的类型。如果传入的prop值不符合指定的类型,Vue会在控制台抛出警告或错误。
在您的情况中,您应该确保传递给`destroyOnClose` prop的值是一个标准的JavaScript布尔值,即`true`或`false`,而不是任何类型的字符串。中文引号和英文引号在JavaScript中是不同的,中文引号是无效的。
要解决这个问题,请检查传递`destroyOnClose` prop的地方,确保传递的是正确的布尔值而不是字符串。例如,您应该这样传递:
```html
<my-component :destroy-on-close="true"></my-component>
```
而不是:
```html
<my-component :destroy-on-close="“true”"></my-component> <!-- 这里的引号是中文的 -->
```
请确保您的代码中使用的是英文字符的单引号或双引号。
阅读全文