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