filters过滤器有可以很方便的处理数据,格式化数据,简化代码的特点。定义的过滤器只能在只能在{{}}表达式和v-bind指令中使用。
过滤器可以分为组件私有过滤器和项目全局过滤器,它们的定义方式类似于自定义指令。
一:私有过滤器(在filters中定义,只能在组件内部使用)
<span>{{ date | capitation }}</span> //capitation 就是过滤器函数,date 就是需要被capitation过滤的数据
filters:{
capitation (val){ //定义的过滤函数,形参val是使用过滤器是|前面的待过滤数据
return val/2; //将处理好的数据,返回
}
}
二:全局过滤器:(在main.js中定义,一次定义,项目中所以组件都可使用)
Vue.filter("capitation",(val)=>{
return val/2;
})
注:filters过滤器是vue2的语法,vue3是不存在filters过滤器的说法。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/66314.html