创建全局filters(vue2 全局过滤器)

全局都想用到一个filter => noData 

如果值为null || ''的时候,让他显示为‘--’

--- /src/filters/costom.js

export const noData = value =>{
    return value ? value : '--'
}

--- /src/main.js

import * as costom from 'src/filter/constom'
Object.keys(custom).forEach(key => {
 Vue.filter(key, custom[key])
})

然后在页面中正常使用就可以了。

{{msg | noData}}

参考地址:https://www.cnblogs.com/xiterjia/p/6701324.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 选译自村上春树的问答栏目(http://www.welluneednt.com) 本篇原文:http://www....
    阿道阅读 1,590评论 0 2
  • 本文参加#青春不一YOUNG#征稿活动,本人承诺,文章内容为原创,且未在其他平台发表过。 美丽的皮囊千篇一律,有趣...
    蒙娜丽傻阅读 582评论 7 11
  • 给定一个包含不重复整数的数组 nums,返回它的所有子集。例如 [1,2,3] 的所有子集为: 递归(回溯法) 迭...
    顽强的猫尾草阅读 688评论 0 0
  • 有些人,光是遇见就已经值得了 如果这个人还给了你改变糟糕现状的力量,那么,把这个人藏在心底一辈子又有什么错呢? “...
    羊乐阅读 353评论 0 1