Vue3保留小数点位数以及转化为百分比

Posted 2022-02-06 嘻嘻的妙妙屋

toFixed MDN
toFixed() 方法使用定点表示法来格式化一个数值。

一、保留小数点后两位四舍五入

export function NumFilter (value) 
  // 截取当前数据到小数点后两位
  let realVal = parseFloat(value).toFixed(2)
  return realVal

二、保留两位小数不四舍五入

export function numFilter (value) 
  // 截取当前数据到小数点后三位
  let tempVal = parseFloat(value).toFixed(3)
  let realVal = tempVal.substring(0, tempVal.length - 1)
  return realVal

三、将小数转化为百分比（保留两位小数，四舍五入）

export function ChangeDecimalToPercentage(data) 
  let data1 = (data*100).toFixed(2)+"%"
  return data1

注意：将小数转化为百分比时，必须使用.toFixed()保留需要的位数，否则会默认多出很多小数。