vue过滤器使用方法-黄运鑫的博客

vue 的 filter 的过滤器器，作用是在页面展示数据前，对数据进行自定义操作

比如有一个时间数据：{{ date }} 值为 2017-10-24 15:06:18
在页面展示时，只需要显示 2017-10-24

new Vue({  
    // ...  
    filters: {//定义一个过滤器
        formatDate: function (value) {
            return value.substring(0,10);
        }
    }
})

<p>{{ date | formatDate }}</p>
<!--结果为 2017-10-24-->

new Vue({  
    // ...  
    filters: {
        filterTest: function (value,param1,param1) {
            return value;
        }
    }  
})  

过滤器的第一个参数默认为当前数据，所以只需要传入param1和param2，方法如下：

<p>{{ date | formatDate(param1, param2) }}</p>

做你害怕做的事情，然后你会发现，不过如此。