当前位置: 首页 > Web前端 > vue.js

Vue在methods中使用filter的方法

时间:2023-03-31 19:48:52 vue.js

相关资料:filter(Vue官方说明)在main.js中全局定义filter或者全局其他定义filterVue.filter('capitalize',function(value){if(!value)return''value=value.toString()returnvalue.charAt(0).toUpperCase()+value.slice(1)})newVue({//...})当然也可以在当前组件中定义filter,用于当前组件.过滤器:{capitalize:function(value){if(!value)return''value=value.toString()returnvalue.charAt(0).toUpperCase()+value.slice(1)}}在html中使用基本过滤器在双花括号中使用{{message|大写}}

过滤器可以链接:
{{message|过滤器A|filterB}}
过滤器是JavaScript函数,因此它们可以接收参数:
{{message|filterA('arg1',arg2)}
在方法中使用过滤方法:{func:(){constvalue='john';//letf1=Vue.filters['filterName'](value);letf2=this.$options.filters['capitalize'](value);//直接调用全局过滤器console.log(f2);//约翰}}