1. 程式人生 > >Invalid prop: type check failed for prop "price". Expected String, got Number.

Invalid prop: type check failed for prop "price". Expected String, got Number.

在谷歌瀏覽器上寫Vue專案時,總會有很多警告,關鍵是紅色的,非常刺眼,一片紅好像是嚴重的錯誤,在有強迫症的程式設計師眼裡非常之彆扭,準備清除警告!

定位錯誤資訊:components/alters/addCartAlter.vue 和src/pages/HomePages/productDetails.vue中的price的型別不對,

元件中定義型別為字串:

父試圖用Number賦值的,原來型別不匹配所以報的這個問題。、

解決辦法:把子試圖中String改為Number,就OK了!