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


报错信息:

错误原因:

input绑定item.attr_vals传入了空值,说明定义的onlyTabData有错

<el-form-item :label="item.attr_name" v-for="item in onlyTabData" :key="item.attr_id">
    <el-input v-model="item.attr_vals"></el-input>
</el-form-item>
 
解决方案:
查找后续的有关onlyTabData的赋值操作,看是否传入的值有问题  发现是给this.onlyTabData赋值出问题,下面是修改过后正确的代码
 
async tabClicked() {
if ( this. activeIndex === '2') {
const { data: res } = await this. $http. get(
`categories/ ${ this. cateId } /attributes`,
{ params: { sel: 'only' } }
)
if ( res. meta. status !== 200)
return this. $message. error( '获取静态属性失败')
this. onlyTabData = res. data
console. log( res. data)
}
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM