Vue.filter过滤器

vue.filter---过滤器

  注册或获取全局过滤器

  过滤器:对数据进行筛选、过滤、格式化。 不改变原始值。

vue.filter('函数名字',function(value,obj,...){

})

 ※全局过滤器跟局部过滤器冲突的时候----就近原则!

例子:

1、处理null数据

  

1 Vue.filter("handleNullFilter",function(value,obj){
2       if(value){
3           return value;
4     }else if (obj){
5          return obj;
6     }else{
7          return "--";
8     }
9 })    

2、处理时间格式的问题

  

1 Vue.filter("dateFormatFilter",function(value,formatString){
2     if(value == '' || value == null){
3         return '--';
4     }
5     const newFormatString = formatString || 'YYYY-MM-DD HH:mm:ss';
6     return moment(value).format(newFormatString);
7 })

----用的时候 直接 名字就可以了。 如:dateFormatFilter 或 handleNullFilter

原文地址:https://www.cnblogs.com/qianqiang0703/p/14148429.html