Vue——解决[Vue warn]: Invalid prop: custom validator check failed for prop "index". 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/hyyq/p/10665916.html

时间： 2024-10-09 19:34:47

Vue——解决[Vue warn]: Invalid prop: custom validator check failed for prop "index". found in错误的相关文章

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

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

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中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

vue 解决报错1

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. add resolve: { /**解决报错 [Vue warn]: You are using the run

解决vue项目eslint校验 Do not use &#39;new&#39; for side effects 的两种方法

import Vue from 'vue' import App from './App.vue' import router from './router' new Vue({ el: '#app', render: h => h(App), router }) 当使用eslint校验运行上面这段代码时(该代码在src/main.js文件中),会报错 ?  http://eslint.org/docs/rules/no-new  Do not use 'new' for side effect

解决vue单页路由跳转后scrollTop的问题

作为vue的初级使用者,在开发过程中遇到的坑太多了.在看页面的时候发现了页面滚动的问题,当一个页面滚动了,点击页面上的路由调到下一个页面时,跳转后的页面也是滚动的,滚动条并不是在页面的顶部 在我们写路由的时候做个处理,如下: import Vue from 'vue' import Router from 'vue-router' Vue.use(Router); Vue.use(Router) export default new Router({ routes: [ { path: '/',

【VUE】vue在vue-cli3环境下基于axios解决跨域问题

网上的绝大部分教程解决vue+axios跨域问题都不能直接适用vue-cli3.这是因为vue-cli3不一样的配置方式导致的. 如果是使用vue-cli3构建的项目,那么默认是没有config.js文件的.按照官方文档介绍,每个人可以通过在项目根目录下建立vue.config.js文件,配置属于自己的config文件. 之后按照网上其他的解决axios跨域问题的方案实施即可. // vue.config.js module.exports = { publicPath: '/', devSer