1. 程式人生 > 其它 >Vue資料型別轉換/toFixed函式使用的錯誤

Vue資料型別轉換/toFixed函式使用的錯誤

技術標籤:# vue的坑vue字串javahtmljavascript

報錯圖

在這裡插入圖片描述

場景

在這裡插入圖片描述

原因

這個報錯說的是我的變數goodPrice本身期望是個Number型別的,但是實際上是一個字串型別的,所以報錯了。
而仔細檢查後臺程式碼
在這裡插入圖片描述
錯誤就在這裡。
我為了讓商品總金額顯示時保留2位小數,使用了toFixed()函式,而toFix()函式的返回值是String型別,所以型別不匹配報錯。

解決

使用轉換函式等進行解決型別問題
在這裡插入圖片描述
附上函式

1. 轉換函式

/*整數*/parseInt(string)

/*分數*/parseFloat(string)

/*Number*/Number(val)

保留幾位小數在方法後面加.
toFixed(),比如去分數保留2位小數parseFloat(string).toFixed(2)2. 強制型別轉換 Boolean(value)——把給定的值轉換成Boolean型 Number(value)——把給定的值轉換成數字(可以是整數或浮點數) String(value)——把給定的值轉換成字串 作者:rightmost 連結:https://www.jianshu.com/p/10b3efa41b42 來源:簡書 這是原連結!