数据配合自定义过滤器过滤数据

最新推荐文章于 2019-08-20 16:23:57 发布

新手新思路新技能

最新推荐文章于 2019-08-20 16:23:57 发布

阅读量377

点赞数

本文链接：https://blog.csdn.net/u013005675/article/details/62898919

版权

简单自定义过滤器:

<div id="box">
    {{a | toDou 1 2}}
</div>
<script>
    Vue.filter('toDou',function(input,a,b){
        alert(a+','+b);
        return input<10?'0'+input:''+input;
    });
    var vm=new Vue({
        data:{
            a:9
        },
        methods:{

        }
    }).$mount('#box');

</script>

自定义过滤器时间戳转化为标准时间

<div id="box">
    {{a | date}}
</div>
<script>
    Vue.filter('date',function(input){
        var oDate=new Date(input);
        return oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate()+' '+oDate.getHours()+':'+oDate.getMinutes()+':'+oDate.getSeconds();
    });

    var vm=new Vue({
        data:{
            a:Date.now()
        },
        methods:{

        }
    }).$mount('#box');

</script>