vue使用filter来过滤数据

在vue中定义money:128

<p>过滤前的金额:{{money}}</p>
<p>过滤后的金额:{{money | formatMoney('万')}}</p>
<p>全局过滤器过滤后的金额:{{money | reverseStr('元')}}</p>

局部实例过滤
filters:{
formatMoney:function(value,type){
return "¥" + value.toFixed(2) + type;
}
}

全局过滤
Vue.filter("reverseStr",function(value,type){
return "¥" + value + '亿'+type;
});

这样得到的结果依次是:
    过滤前的金额:128
    过滤后的金额:¥128.00万
    全局过滤器过滤后的金额:¥128亿元
    
posted @ 2017-11-22 17:56  乐得逍遥  阅读(429)  评论(0编辑  收藏  举报