在根目录src下新建common文件,存放公用方法
-
在common文件下新建filter.js
例如 /** * 电话过滤器,中间4位* * @param {String} tel */ function filtPhone(tel) { if (tel) { tel = tel.split(""); tel.splice(3, 4, "****"); return tel.join(""); } else { return "" } } export const Filters = { filtPhone: filtPhone }
-
在main.js挂载
// 过滤器 import {Filters} from './common/filters.js' for (let key in Filters) { Vue.filter(key, Filters[key]) }
-
使用
{{userInfo.telephone | filtPhone}}
VUE自定义过滤器写法和全局挂载
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 需求:我们要给用户展示的时间格式是2018-06-14 08:08:08,但是后台存储使用的格式是时间戳。 第一步...
- 现在我们已经很熟悉Django的MTV模式了。模板(template)负责如何去展示数据,而视图(view)负责筛...