Vueの小数フィルタ

 

治療にVueが予約済み2つの小数点以下の桁数（2例）

二つの小数点以下の桁数フィルター

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

filters: {

    numFilter(value) {

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

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

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

        return Number(realVal)

    }

}

 

2小数点以下の桁の後に//フィルタは、仮数部は丸みを帯びていません

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

        }
    }

},

 

用途：{{時間|は、FormatDate}}