过滤器其本质其实就是函数，作用在于用户输入数据用户，能够进行处理，并且返回一个数据结果
基本使用方法如下：
<span> {{'abc'|uppercase}} </span>
变成'ABC'
大致有以下几种用法
-
字母操作：capitalize,uppercase,lowercase
-
限制：limitBy,filterBy,orderBy
-
json
-
currency
-
debounce
同时也可以自定义过滤器
filters: {
abc: function (value) {
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
而同时过滤器也可以接收参数
-
单个参数
-
多参数
-
双向过滤器
-
动态参数（过滤器参数没有用引号包裹）
这个时候，自定义过滤器已经知道怎么写了，但是还是有需要的几个注意点
-
需要给定过滤器一个唯一的表示。如果用户自定义过滤器和内置过滤器冲突，那么内置的过滤器就会覆盖，如果后注册的过滤器和之前的过滤器冲突，则之前的过滤器会被覆盖
-
过滤器函数的作用是输入表达式的值，经过处理后输出。因此，定义的函数最好可以返回有意义的值。函数可以用return，但是这样的话函数就没有意义了
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69917874/viewspace-2680641/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
Vue中计算属性和侦听器
请登录后发表评论
登录
全部评论
最新文章
- 聊聊SliverPersistentHeader优先消费滑动的设计
- 从if-else和switch，聊聊“八股”的作用
- 从动态缩放自定义View，聊聊为什么不要把问题复杂化
- 产品需求驱动下的技术演进：动态缩放View的不同方案
- 从Android到Kotlin Multiplatform：我们的模块化业务逻辑
- 一次Android下载优化，CDN消耗占比从50+%到1%
- Android图片批量添加处理优化：从「30」秒缩短至「4.4」秒
- 动态设置 View 宽度不生效？聊聊View的测量和布局的大坑
- 以小见大：从一行代码透视设计模式在项目架构中的关键作用
- Flutter 拖动会比原生更省资源？分析 GPU呈现模式条形图 不动的秘密
