Vue 小数过滤器

 

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 }}