Vue中保留小数点后两位的处理(两种情况)

小数点后两位的过滤器

// 保留小数点后两位的过滤器,尾数四舍五入

filters: {

    numFilter(value) {

        // 截取当前数据到小数点后两位

        let realVal = Number(value).toFixed(2)

        // num.toFixed(2)获取的是字符串

        return Number(realVal)

    }

}

 

// 保留小数点后两位的过滤器,尾数不四舍五入

filters: {

    numFilter(value) {

        // 截取当前数据到小数点后三位

        let transformVal = Number(value).toFixed(3)

        let realVal = transformVal.substring(0, transformVal.length - 1)

        // num.toFixed(3)获取的是字符串

        return Number(realVal)

        }

}

 

使用:

<div class="text primary-text">

    <span>合计:</span>

    <span class="money">¥{{totalMoney | numFilter}}</span>

</div>

 

时间格式化过滤器:

格式化时间戳:

export default {

    filters: {

        // 日期格式化

        formatDate(time) {

            var moment = require("moment");

            return moment(time).format("YYYY-MM-DD");

        },
 
        // 格式化时间戳

        vitaDate(time) {

            let datetime = new Date(time * 1000);

            var moment = require("moment");

            return moment(datetime).format("YYYY-MM-DD");

        }
    }

},

 

使用:{{ time | formatDate }}

 

Logo

前往低代码交流专区

更多推荐