vue報錯:[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, go...

報錯信息:async

錯誤緣由:this

input綁定item.attr_vals傳入了空值,說明定義的onlyTabData有錯spa

<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)
}
}
相關文章
相關標籤/搜索