Vue过滤器 vue.js

过滤器格式化数据，比如将字符串格式化为字母大写，日期格式等
自定义过滤器

// 字母转大写 Vue.filter('toUpperCase', function(val){ return val.toUpperCase(); }); // 字母转小写 Vue.filter('toLowerCase', function(val){ return val.toLowerCase(); });

使用自定义过滤器

{{ msg | toUpperCase }} // 这种方式上一个过滤后的输出值是下一个过滤器的传入值 {{ msg | toUpperCase | toLowerCase }}

【Vue过滤器】局部过滤器，VUE示例中filters中添加过滤的方法

filters: { toUpperCase: function(val){ return val.toUpperCase(); } }

带参数的过滤器

// 格式化时间 Vue.filter('format', function(val,type){ formatDate = val.getFullYear() + "-" + (val.getMonth()+1) + "-" val.getDate(); return val.toUpperCase(); }); {{ date | format('yyyy-MM-dd') }}