过滤器

大约 1 分钟

过滤器

框架内置过滤器

千位分隔符

toThousandFilter(num):string

说明:数字加千位分隔符

参数说明类型必填可选值默认值
num待处理的数字Number————

返回值:经千位分隔符处理的数字

<span>{{123456789|toThousandFilter}}</span>
// => 123,456,789

英文首字母变大写

uppercaseFirst(word):string

说明:英文首字母变大写

参数说明类型必填可选值默认值
word待处理英文字符串String————
<span>{{'abcdefg'|uppercaseFirst}}</span>
// => Abcdefg

超长字符串显省略号

ellipsis(value, vlength = 25):string

说明:超长字符串显省略号处理

参数说明类型必填可选值默认值
value待处理超长字符串String————
vlength多长开始截取Number25
// 默认字符串长度超过 25 则显示省略号
<span>{{'abcdefgfasdfadfasdfasdfasdf'|ellipsis}}</span>
// 字符串长度超过 30 则显示省略号
<span>{{'abcdefgfasdfadfasdfasdfasdf'|ellipsis(30)}}</span>

自定义过滤器

提示

  • 全局过滤器 如果你的项目需要自己自定义全局过滤器,请在 @/filters/dev-fileter.js 内部定义自己的过滤器方法,导出方式使用 局部导出,开发框架会自动全局引入所有的过滤器方法

  • 局部过滤器 如果你的项目需要自己自定义局部过滤器,请在 @/filters 文件夹内定义创建自己的过滤器文件,在需要的地方自己引用即可

上次编辑于: