vue中filters使用,上下文的时候考虑使用computed

技术分享

2018-07-13

71

0

filters:{{[data1,data2..] | filter1 | filter2}}对一些数据进行格式化处理随后返回格式化文本。例如:

filters: {

    toUpCase(val) {

        if(!val) return '';

        return val.toString().toUpperCase();

    }

}

但是:filters中 过滤器设计目的是用于文本转换, filter里面不应该跟上下文有关系. 这种情况可以考虑使用computed,也就是说基本告别对vue对象的操作了。这个时候如果还想处理传入参数之后返回结果,直接考虑使用computed

computed: {

    toUpCase(val) {

      let self = this;

        ... // do something with this vue object;

     return val.toUpperCase();

   }

}

 

 

发表评论

全部评论:0条

云教务管理员

用IT武装教育!