错误场景:

vue 渲染下拉框的时候报这个错,value传了个空

报错内容:

[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Null.

代码:

 <Select v-model="form.merchant" @on-change="changeWholeLink" clearable> 
    <Option v-for="item inMerchantList" :key="item.id" :value="item.nameCh">
    	{{ item.nameCh }}
    </Option>
</Select>

解决:

提示很明显了,value属性值为空。那我们就找页面哪里用了value属性,可以看到下拉框的Option里面用到了value,取值 item.nameCh,这就说明,当页面渲染的时候item.nameCh有一项为空,即inMerchantList数组中有一项nameCh属性返回为null或者undefined等。所以需要把空数据过滤掉。

在获取 的时候过滤

 this.inMerchantList= this.inMerchantList.filter((item) => {
          return item.nameCh!=undefined
})
Logo

一站式 AI 云服务平台

更多推荐