Vue Element遇警告:[Vue warn]: Invalid prop: custom validator check failed for prop "type".

更详细的信息如下:

[Vue warn]: Invalid prop: custom validator check failed for prop "type".

found in

---> <ElBadge> at packages/badge/src/main.vue
       <ElMenuItem> at packages/menu/src/menu-item.vue
         <ElMenu> at packages/menu/src/menu.vue
           <HeadBar> at src/views/HeadBar.vue
             <Home> at src/views/Home.vue
               <App> at src/App.vue
                 <Root>

那我的错误 ,就集中在网页进而的menu及menu-item标签里的type类型了。

后来发现,如下编码,是不受elementUI支持的type属性。

<el-badge :value="4" :max="99" class="badge" type="error">

更改成如下之后,错误消失。

<el-badge :value="4" :max="99" class="badge" type="danger">

type属性可以为:primary / success / warning / danger / info

参考URL:

https://blog.csdn.net/weixin_34220623/article/details/92407005

原文地址:https://www.cnblogs.com/aguncn/p/12254730.html

时间: 2024-08-28 09:06:43

Vue Element遇警告:[Vue warn]: Invalid prop: custom validator check failed for prop "type".的相关文章

Vue——解决[Vue warn]: Invalid prop: custom validator check failed for prop &quot;index&quot;. found in错误

Invalid prop: custom validator check failed for prop "index". 错误重现: 使用element-ui的菜单,在SubMenu Attribute中有一个index的属性,如果index的值从后端传入,则可能出现这个错误. 代码: 错误: 解决办法: index的值不能有空格,并且要为字符串类型,我上面的错误就是因为jc.eid是一个int型.将其转为字符串就不会报错了. 原文地址:https://www.cnblogs.com

vue调用组件,组件回调给data中的数组赋值,报错Invalid prop type check failed for prop value. Expecte

报错信息: 代码信息:调用一个tree组件,选择一些信息 <componentsTree ref="typeTreeComponent" @treeCheck="treeCheck" :isClearAllChecked=true :defaultProps="defaultProps"> </componentsTree> 选择之后返回选中数据信息,并且在父组件中给data中的数组(type.typeName)赋值: d

Invalid prop: type check failed for prop &quot;XXX&quot;. Expected String, got Object.

项目是Vue的,基于elementUI的后台管理系统. Invalid prop: type check failed for prop "total". Expected String, got Object. 昨天遇到了这么个错误,找了半天,网上也找了很久的资料,有很多跟我遇到的问题类似的有很多,但解决办法形似各样,没有我这种情况的,但还好经过我的不懈努力还是找到了原因. total的类型出错了,应该是传入的类型与组件需要的类型不同 原文地址:https://www.cnblogs

vue中iview框架下select选择器渲染的时候报警告Invalid prop: type check failed for prop &quot;value&quot;. Expected String, Number, got Undefined.

问题起因: 在一个选择器里 出了问题! <Form-item label="节点"> <Select v-model="formItem.select" placeholder="请选择节点" filterable> <Option @on-change="selectValue" v-for="item in mySelect" :value="item.hid&q

uniapp报错:vue.runtime.esm.js:619 [Vue warn]: Invalid prop: type check failed for prop &quot;count&quot;. Expected Number with value 1, got String with value &quot;1&quot;.

这是组件内报错,将Type类型改为[Number, String]即可 props: { count: { type: Number, default: 0 }, } 改为 props: { count: { type: [Number, String], default: 0 }, } 原文地址:https://www.cnblogs.com/wanggang2016/p/12388382.html

vue踩坑记录:[Vue warn]: $attrs is readonly.

今天在用element-ui的DatePicker日期选择器的时候,发现每当点击一次这个组件,控制台就会报警告`[Vue warn]: $attrs is readonly`,但是也不影响实际操作效果.网上搜了一圈后,发现是使用的vue与vue-tempalte-compiler的版本不一致造成的.当时使用的vue是最新版本2.6.10,而vue-template-compiler版本是2.5.21. **解决方法:** 降低vue的版本至2.5.21. `npm uninstall vue`

vue + element ui 阻止表单输入框回车刷新页面

问题 在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案 在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试 下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&

(vue.js)Vue element tab 每个tab用一个路由来管理?

(vue.js)Vue element tab 每个tab用一个路由来管理? 来源:网络整理     时间:2017/5/13 0:24:01     关键词: 关于网友提出的“ (vue.js)Vue element tab 每个tab用一个路由来管理?”问题疑问,本网通过在网上对“ (vue.js)Vue element tab 每个tab用一个路由来管理?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下: 问题: (vue.js)Vue element tab 每个tab用一个

vue+Element左树导航右内容区页面跳转

首先在项目中添加Element UI npm i element-ui -S 修改main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import ElementUI from 'element-ui' impo