天天看點

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

前台頁面報錯“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

錯誤是:期望對象,得到的是數組

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

第一種情況:

元件傳值

1、父元件

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

2、子元件

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

3、報錯提示

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題
改正
前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

第二種情況:

擷取資料的代碼為

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

改為:

前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題
前端vue:解決Invalid prop: type check failed for prop “model“. Expected Object, got Array問題

繼續閱讀