有時候我們需要對各種數(shù)值進行保留位數(shù),以便于更好的展示。
Html部分
template中這樣使用,需要處理的字段名,再加上過濾器方法文章來源:http://www.zghlxwxcb.cn/news/detail-516297.html
<div>
<span>合計:</span>
<span>¥{{totalMoney | numFilter}}</span>
<view>{{(present_price*goods_sum) | numFilter}}</view>
</div>
使用filters,與同級data()文章來源地址http://www.zghlxwxcb.cn/news/detail-516297.html
export default {
data() {
return {}
},
filters: {
numFilter (value) {
// 保留小數(shù)點后兩位的過濾器,尾數(shù)四舍五入
let realVal = parseFloat(value).toFixed(2)
return realVal
}
}
}
到了這里,關(guān)于vue html頁面運算,保留兩位小數(shù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!