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)

}

}