vue2中的过滤器

2022-06-05  本文已影响0人  蓝蓝红同学

注:vue3已经舍弃过滤器的用法,官方希望使用方法或计算属性来实现之前的过滤器功能


使用位置及用法

vue的过滤器只用用在双花括号{{}}v-bind中,使用时采用|符号来实现

只能在v-bind绑定和双括号中使用

全局定义使用

在main.js中全局定义过滤器方法,即可在项目中直接使用

main.js

局部定义使用

直接在文件中使用filters,在其中定义要使用的过滤器

组件内

过滤器串用

多个过滤器可串联使用,前一个过滤的返回值作为后一个过滤器的入参

串联使用
两个过滤器
结果

过滤器传参

过滤器像函数一样,可以接受参数


注:过滤器无法获取Vue实例

上一篇下一篇

猜你喜欢

热点阅读