vue----过滤器filter

1.vue自定义过滤器filter

//1.全局过滤器
Vue.filter('globalFilter', function (value) {

  return value + "!!!"

})

//2.组件过滤器
 <span class="side_li_num" v-if="activeRank=='third'">{
   
   {item.onDutyRate | returnFloat}}</span>
 watch:{
        },
        filters:{
            returnFloat(value) {
                let val=Math.round(parseFloat(value)*100)/100;
                let s= val.toString().split(".");
                if(s.length==1){
                    val=val.toString()+".00";
                }
                if(s.length>1){
                    if(s[1].length<2){
                        val=val.toString()+"0";
                    }
                    return val;
                }
            },
        },

2.参数写法

过滤器的参数写法
1、
{
   
   { message | filterA | filterB }}
message是作为参数传给filterA 函数，而filterA 函数的返回值作为参数传给filterB函数，最终结果显示是由filterB返回的。
2、
{
   
   { message | filterA('arg1', arg2) }}
filterA的第一个参数是message，依次是‘arg1’,arg2
3、
{
   
   { 'a','b' | filterB }}
表示'a'和'b'分别作为参数传给filterB