vue过滤器

过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在上述例子中,capitalize 过滤器函数将会收到 message 的值作为第一个参数。

过滤器可以串联:

{{ message | filterA | filterB }}

在这个例子中,filterA 被定义为接收单个参数的过滤器函数,表达式 message 的值将作为参数传入到函数中。然后继续调用同样被定义为接收单个参数的过滤器函数 filterB,将 filterA 的结果传递到 filterB 中。

过滤器是 JavaScript 函数,因此可以接收参数:

{{ message | filterA('arg1', arg2) }}

这里,filterA 被定义为接收三个参数的过滤器函数。其中 message 的值作为第一个参数,普通字符串 'arg1' 作为第二个参数,表达式 arg2 的值作为第三个参数。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderB...
    一缕清风1144阅读 10,285评论 0 1
  • 在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderB...
    嘉宝_Appian阅读 4,886评论 1 4
  • 过滤器:用于一些常见的文本格式化可用过滤器的地方:双花括号插值和 v-bind 表达式 在组件选项中局部定义过滤器...
    一世长安乱阅读 1,175评论 0 0
  • 过滤器是个啥? 使用vue的时候,绑定数据时超级方便的,只需要 {{message}}这样既可,但是有时候我们也有...
    小枫学幽默阅读 5,836评论 1 6
  • 近朱者赤近墨者黑。想成为什么样子的人,就和什么样子的人在一起;和什么样子的人在一起,不一定成为那样子的人。 若是在...
    寒柒阅读 2,778评论 0 3

友情链接更多精彩内容