[前端系列]解决[Vue warn]: Invalid prop: validation failed for prop “type“. Expected one of [“success“, “in

最新推荐文章于 2025-05-28 23:43:46 发布
原创 最新推荐文章于 2025-05-28 23:43:46 发布 · 427 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

[Vue warn]: Invalid prop: validation failed for prop "type". Expected one of ["success", "info", "warning", "danger", ""], got value "primary".

使用Element-plus时遇到的警告，大概意思就是type的值不对，期望得到success，info，wrning，danger，而得到的是primary，于是乎就去查了官方文档

 发现el-button的默认值是‘-’

再看看el-tag的

 不难发现el-tag的默认值不是'-'，而是primary，所以我将自己代码中的<el-tag type="primary">更改为<el-tag type="">或者直接<el-tag></el-tag>,黄色警告即可消失

 Abao
关注
vue props对象validator自定义函数实例
12-13
validator自定义函数实例 props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: String, required: true }, // 带有默认值的数字 propD: { type: Number, default: 100 }, // 带有默认值的对象 propE: { type: Object, // 对象或数组且一定会从一个工
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Invalid prop: validation failed for prop “type“. Expected one of [“success“, “info“, “warning“...
一个平平无奇的程序媛
09-14 1250
对应的type只对取值为 [“success”, “info”, “warning”, “danger”, “”] ，以导致检查不通过告警。element-plus使用2.4.3本版，查看这个版本的tag.js源码发现，
vue-04（深入了解 props：验证、类型和默认值）
最新发布
清幽竹客
05-28 932
本文深入探讨了Vue.js中props的验证机制、类型系统和默认值设置。详细介绍了prop验证的基本语法和对象形式验证，包括类型检查、必填项、默认值和自定义验证器；列举了Vue支持的各种prop类型，从基本类型到复杂对象、函数等；并讲解了如何设置默认值，特别是针对数组和对象类型的工厂函数模式。通过学习这些内容，开发者可以构建更健壮、可维护的Vue组件。
[Vue warn]: Invalid prop: custom validator check failed for prop "xxx".问题
weixin_30719711的博客
09-05 1555
在用vue+ui框架（iview、elementui等）做项目，会遇到这种问题 这样的，点那都报错，千辛万苦的付出，却找不到问题在哪 其实很简单，报错都显示出那个组件的问题了 ‘<Form>’这个组件，那我们就回到开发代码上找这个组件中的 ‘label-position’ props， 找到了，这兄弟包着right另一半的双引号换行了，好改回去 但...
Vue遇到的报错，[Vue warn]: Invalid prop: custom validator check failed for prop “XXX“
TanMengyi的博客
07-24 4928
1.[Vue warn]: Invalid prop: custom validator check failed for prop “XXX”. 根据报错提示，发现是引用的el-progress报错，发现自己的代码中的status报错了： 查看elementui的官方文档，发现status的状态中是没有text的 ...
报错详解——Vue升级带来的elementui冲突警告： Invalid prop: custom validator check failed for prop “type“.
RenGJ010617的博客
04-02 3383
以下两种警告一次性解决，包括解决方案，产生原因和深度思考： Invalid prop: custom validator check failed for prop "type".  Invalid prop: validation failed for prop "type". Expected one of ["success", "info", "warning", "danger", ""], got value "primary". 
[前端系列] 解决Invalid prop: custom validator check failed for prop "type"
程序员老狼专注开发aigc或客服系统应用
11-01 7309
在使用vue框架的elementui开发的时候 遇到了这样的错误 Invalid prop: custom validator check failed for prop "type" 这是因为，这个组件的type属性值写错了，检查一下 有的时候是多了空格，有的时候是固定的几个值，但是自己写错误了 我是因为固定的这几个值primary / success / warning / danger /...
[Vue warn]: Invalid prop: validation failed for prop "size". Expected one of ["", "default", "small", "large"], got value "big".
01-06
根据提供的引用内容，我们可以看到报错信息是关于Vue组件中的一个属性"size"的验证失败。报错信息显示，期望的值应该是["", "default", "small", "large"]之一，但实际传入的值是"big"。 为了解决这个问题，我们...
Vue warn]: Invalid prop: type check failed for prop "actualPropsData". Expected , got Array
08-28
The error message suggests that the type check for this prop has failed. It was expecting a specific type but received an array instead. To resolve this issue, you'll need to ensure that the value ...
runtime.ts:26 [Vue warn]: Invalid prop: validation failed. Expected one of ["", "default", "small", "large"], got value "mediuml".
09-23
import { ref } from 'vue' import bus from 'bus' const function = ref() bus.on('function', (e) => { function.value = true }) ``` 关于你提到的另一个警告，它是在运行时检查属性时发生的。期望的值...
runtime-core.esm-bundler.js:41 [Vue warn]: Invalid prop: validation failed for prop "type". Expected one of ["default", "primary", "success", "warning", "info", "danger", "text", ""], got value "link".
07-14
根据警告信息，Element Plus的`el-button`组件所支持的`type`属性值应该是其中之一：`default`, `primary`, `success`, `warning`, `info`, `danger`, `text` 或者空字符串 `""`。 在你的代码中，你将`type`属性的...
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
热门推荐
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
[Vue warn]: Invalid prop报错
tianxingege_的博客
08-24 2944
今天开发项目的时候出现了一下这种情况 [vue warn]：无效的属性：属性“列表”的类型检查失败。应为数组，已获取对象 错误原因： 子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。 所以检查父组件传过来的值，保证传过来的值是子组件所期望的数据类型即可。 ...
[Vue warn]: Invalid prop: type check failed for prop “model“. Expected Object, got Array found in
Turboyiyi的博客
09-14 1349
el-form 的model属性 是一个对象
关于报错：[Vue warn]: Invalid prop: type check failed for prop “model“. Expected Object, got Array
汪汪汪汪
01-10 1184
双向绑定的form表单默认值被我设置成了空数组，但是el-form-item里面的el-input里绑定的是form.xx;导致出现该报错，把form默认值修改回对象即可；显而易见，报错信息即是提到了model的类型检测错误，期待是对象，但是却获得数组；环境情况：vue2+js+elementUI+element-form组件；在调试vue2项目的过程中，发现以下报错。
[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined
qq_52822043的博客
05-06 1290
在使用vue 和element UI做循环遍历的时候遇到了如下问题： <el-menu-item-group v-for="(subItem, index) in item.children" :key="subItem.path" :index="subItem.path"> <el-menu-item :index="index" >{{ subItem.label }}</el-menu-item> </el-menu-item-group
解决[Vue warn]: Invalid prop: custom validator check failed for prop “type“.
qq_45094682的博客
09-06 8681
解决方案[Vue warn]: Invalid prop: custom validator check failed for prop “type”. 今天在调试代码的时候不小心把多余的数字带进去了，导致代码一直报错 找到type 在类型状态哪里加了个1，去掉就好了
Invalid prop: type check failed for prop “index“. Expected String with value “undefined“,
Xwz的博客
04-07 4940
在引入ElementUI进行渲染时,在项目中用v-for的时候报了这个错，看到[Vue warn]基本上是Vue在处理数据的并且渲染到页面的组件上出现了错误。 一般找不到在哪里报错,需要找到渲染的组件看看他的绑定值，尤其是index或者key有没有取不到的值 这行中subindex中最终出现这样的问题,结果导致整个菜单框渲染报错。 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义。 将:index=“subIndex"或唯一路径inde.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值