Vue使用过滤器

https://www.cnblogs.com/wujiaofen/p/11236176.html

使用:

<tr v-for="item in myFeeData">
     <td>¥{{item.money | toFixedTwo}}</td>
     <td>{{item.time | getLocalTime}}</td>
</tr>

常用过滤器:

'use strict';
new Vue({
    el: '#personGain',
    data: {        

    },
    created() {
     
    },
    mounted() {
    },

    methods: {

    },
    filters: {
        //保留两位小数
        toFixedTwo(price) {
            var val = (price * 1).toFixed(2)//数据类型要注意一下
            return val;
        },
        //将时间戳转为日期格式 
        getLocalTime(nS) {
            var date = new Date(parseInt(nS) * 1000);
            return [date.getFullYear(), date.getMonth()+1, date.getDate()].join('/'); // 2015/1/2
        }
    }
});

 

posted @ 2020-06-11 17:20  夏小夏吖  阅读(168)  评论(0编辑  收藏  举报