當前位置：首頁 > 前端技术 > vue >内容正文

vue

vue 数字变星号过滤器_Vue自定义过滤器格式化数字三位加一逗号

發布時間：2024/9/15 vue 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 vue 数字变星号过滤器_Vue自定义过滤器格式化数字三位加一逗号小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

{{num | NumFormat}}元

data(){

return {

num: 876543.00

}

filters: {

NumFormat: function (value) {

if(!value) return ‘0.00‘

value = value.toFixed(2)

var intPart = Number(value).toFixed(0) // 獲取整數部分

var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, ‘$1,‘) // 將整數部分逢三一斷

var floatPart = ‘.00‘ // 預定義小數部分

var value2Array = value.split(‘.‘)

// =2表示數據有小數位

if(value2Array.length === 2) {

floatPart = value2Array[1].toString() // 拿到小數部分

if(floatPart.length === 1) { // 補0,實際上用不著

return intPartFormat + ‘.‘ + floatPart + ‘0‘

} else {

return intPartFormat + ‘.‘ + floatPart

}

} else {

return intPartFormat + floatPart

}

以上是生活随笔為你收集整理的vue 数字变星号过滤器_Vue自定义过滤器格式化数字三位加一逗号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。