一.过滤器的概念Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化,过滤器可以用在两个地方:mustache 插值和 v-bind 表达式
1.自定义一个全局过滤器的格式Vue.filter('过滤器将来被调用时候的名称',过滤器的处理函数)
二、过滤器的调用方法 <!-- 在调用过滤器是时候,需要使用 | 来调用, | 叫做管道符 --> <td>{{item.ctime | formatDate}}</td> 在过滤器的处理函数中,第一个形参作用是已经被固定死的,永远是 管道符 前面的值 // 这里的 data 就是管道符前面的 item.ctime 的值Vue.filter('formatDate',function(data){})// 过滤器中必须有一个返回值
三.过滤器的注意事项 - Vue.filter('过滤器的名称',过滤器的处理函数)
- 注意:过滤器的处理函数中,第一个形参,功能已经被规定好了,永远都是 管道符 前面的值
- 调用过滤器
{{item.ctime | formmatDate}} 下载地址: Vue中使用 vue定义私有过滤器和基本使用 |