Vue 过滤器filters及基本用法

过滤器

 vue中没有替换相关的内置过滤器,可以自定义过滤器
	
  组件内的过滤器+全局过滤器

1、 {{ message | testfilte}}  

在这里插入图片描述

2、过滤器可以串联

 {{ message | filterA | filterB }}
 在这个例子中,filterA 拥有单个参数,它会接收 message 的值,
 然后调用 filterB,且 filterA 的处理结果将会作为 filterB 的单个参数传递进来

在这里插入图片描述

3、过滤器是JS函数,因此可以接受参数

	{{ message | filterA('arg1', arg2) }}
	filterA 是个拥有三个参数的函数。message 的值将会作为第一个参数传入。
	字符串 'arg1' 将作为第二个参数传给 filterA,表达式 arg2 的值将作为第三个参数

在这里插入图片描述

3、下面是过滤器在v-bind表达式中使用的一个例子

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43787528/article/details/88065405
今日推荐