好资源导航 » 文章资讯 » Vue.js 筛选器

Vue.js 筛选器

2024-04-14 11:16:03 441

示例

Vue.js允许您在表达式的末尾附加可选的“过滤器”，并用“竖线”符号表示：

{{ message | capitalize }}

在这里，我们message通过内置capitalize过滤器“插入”表达式的值，实际上这只是一个返回大写值的JavaScript函数。Vue.js提供了许多内置的过滤器，稍后我们将讨论如何编写自己的过滤器。

请注意，管道语法不是JavaScript语法的一部分，因此您不能在表达式中混合使用过滤器。您只能将它们附加在表达式的末尾。

过滤器可以链接：

{{ message | filterA | filterB }}

过滤器还可以接受参数：

{{ message | filterA 'arg1' arg2 }}

过滤器功能始终将表达式的值作为第一个参数。带引号的参数被解释为纯字符串，而未带引号的参数将被视为表达式。在这里，纯字符串'arg1'将作为第二个参数传递到过滤器中，表达式的值arg2将被评估并作为第三个参数传递。