过滤器
大约 1 分钟
过滤器
框架内置过滤器
千位分隔符
string
toThousandFilter(num):说明:数字加千位分隔符
参数 | 说明 | 类型 | 必填 | 可选值 | 默认值 |
---|---|---|---|---|---|
num | 待处理的数字 | Number | 是 | —— | —— |
返回值:经千位分隔符处理的数字
<span>{{123456789|toThousandFilter}}</span>
// => 123,456,789
英文首字母变大写
string
uppercaseFirst(word):说明:英文首字母变大写
参数 | 说明 | 类型 | 必填 | 可选值 | 默认值 |
---|---|---|---|---|---|
word | 待处理英文字符串 | String | 是 | —— | —— |
<span>{{'abcdefg'|uppercaseFirst}}</span>
// => Abcdefg
超长字符串显省略号
string
ellipsis(value, vlength = 25):说明:超长字符串显省略号处理
参数 | 说明 | 类型 | 必填 | 可选值 | 默认值 |
---|---|---|---|---|---|
value | 待处理超长字符串 | String | 是 | —— | —— |
vlength | 多长开始截取 | Number | 否 | 是 | 25 |
// 默认字符串长度超过 25 则显示省略号
<span>{{'abcdefgfasdfadfasdfasdfasdf'|ellipsis}}</span>
// 字符串长度超过 30 则显示省略号
<span>{{'abcdefgfasdfadfasdfasdfasdf'|ellipsis(30)}}</span>
自定义过滤器
提示
全局过滤器 如果你的项目需要自己自定义全局过滤器,请在
@/filters/dev-fileter.js
内部定义自己的过滤器方法,导出方式使用局部导出
,开发框架会自动全局引入所有的过滤器方法局部过滤器 如果你的项目需要自己自定义局部过滤器,请在
@/filters
文件夹内定义创建自己的过滤器文件,在需要的地方自己引用即可