Vue fractional Filters

 

Vue in the treatment reserved two decimal places (two cases)

Two decimal places filter

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

filters: {

    numFilter(value) {

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

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

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

        return Number(realVal)

    }

}

 

// filter after two decimal places, the mantissa is not rounded

filters: {

    numFilter(value) {

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

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

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

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

        return Number(realVal)

        }

}

 

use:

<div class="text primary-text">

    <span>合计：</span>

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

</div>

 

Time Format Filter:

Timestamp format:

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");

        }
    }

},

 

Use: {{time | formatDate}}