您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

vue全局过滤器概念及注意事项和基本使用方法

51自学网 2022-02-21 13:37:09
  javascript

一.过滤器的概念

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定义私有过滤器和基本使用
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。