vue中iview框架下select选择器渲染的时候报警告Invalid prop: type check failed for prop "value". 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" >{{ item.displayName }}</Option>
    </Select>
</Form-item>
export default {
    data () {
        return {
            mySelect: [1,2,3]
        }
    },
}

于是报了上面的错误...

原因是 在初始化的时候... mySelect 里的数组是没有 hid 这个key的...

所以 把 data里的mySelect改了就ok了!

export default {
    data () {
        return {
            mySelect: []
        }
    },
}

检查检查你的代码 是不是什么地方也多写了... 而其他地方并没有用到......

原文地址:https://www.cnblogs.com/lavender-java/p/9552644.html

时间: 2024-10-13 17:31:57

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

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

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中使用v-if判断数组长度是出现length报错

在vue中使用v-if判断数组的长度时出现报错 <el-collapse-item :key="index" v-if="data.childrens.length > 0" :title="data.fname" :name="data.fname"> <el-row> <el-col :md="24" :lg="12" :xl="8&qu

mysql数据库中不能插入0000-00-00 00:00:00日期数据(报错Invalid datetime format: 1292 Incorrect datetime value: &#39;0000-00-00 00:00:00&#39;)

报错信息 SQLSTATE[22007]: Invalid datetime format: 1292 Incorrect datetime value: '0000-00-00 00:00:00' for column 'settlementTime' at row 1 我最后把mysql设置成可空,接受null型 参考:https://yq.aliyun.com/articles/17124 mysql数据库中不能插入0000-00-00 00:00:00日期数据(报错Invalid dat

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

更详细的信息如下: [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中img的src是动态渲染时不显示问题

最近遇见动态渲染img时,想起了当初刚开始写vue时,曾经遇见的一个小小坑. Vue中:img的src属性是动态渲染时不显示问题1.需求:展示用户头像,数据从后台获取,如果没有拿到则显示默认图片. 如图: 2.第一次写: 如图: 3.结果(汗...)并没有显示默认图片来代替: 审查元素发现没显示默认的图片,图片没有被打包.... 如图: 4.解决方案: 1.使用require引入图片 2.使用img的onerror属性 原文地址:https://www.cnblogs.com/xiaoqi201

nodejs 中koa框架下的微信公众号开发初始篇

最近在搞微信公众号开发,后端采用的是nodejs下的koa框架,初识后端的菜鸟,自己搞难度太大了,网上找了很多文章,采用的中间件大都是express框架下的,不过好在爬了许多坑之后总算看见点曙光了,遂把探索出来的一点东西拿出来分享,毕竟能力有限,拿出来也是希望大神看到了给点建议, 主要用 koa-wechat 处理验证和消息解析 ,用wechat-api来进行按钮组等api操作,刚开始没什么内容,大家随意看看就好, 废话不多说,直接上代码(这是一个route的代码): var koa = req

在Android中afinal框架下實現sqlite數據庫版本升級的辦法

public abstract void onUpgrade(SQLiteDatabase db,int oldVersion,int new Version) 這個方法在實現時需要重寫. public abstract void onUpgrade(SQLiteDatabase db,int oldVersion,int new Version) 這個方法在實現時需要重寫. onUpgrade方法會在數據庫需要升級的時候調用.可以用來增刪表或者其他任何操作.如果你想添加新的列你可以使用ALTE

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