vue过滤器filters
1.在html中的用法
{{message | priceNum}}
特别注意的是:要用 | 一个杠,不要用两个,这中用法可以使用在v-for循环中,在循环中过滤数字,在渲染中过滤价格,保存两位小数,或者是千分位
2.在保留两位小数,或者多个小数时,这种用法比较简单,其中val是自带的 | 前面的内容,不用传数据
3.还要一个可以转换千分位的,这个的话有一个属性,用数字直接转换千分位,上图
这种用法的话有一个 弊端,就是只能是数字类型的,而且,只能转换千分位的,转化效果如下
(451215424).toLocaleString() 结果为 451,215,424
这中比较捡漏,
4.最后一个也是用的toLocaleString() ,先介绍一下toLocaleString,
toLocaleString() 方法返回这个数字在特定语言环境下的表示字符串。它的语法形式为
numobj.toLocaleString([locales [, options]]) 其中numobj为数字类型
其中locales是可选 缩写语言代码(BCP 47 language tag,例如: cmn-Hans-CN)的字符串或者这些字符串组成的数组. locales 参数必须是一个BCP 47 语言标记的字符串,或者是一个包括多个语言标记的数组,个 BCP 47 语言标记代表了一种语言或者区域(两者没有很大的区别),而其中最常见的格式中,他以这样的顺序来囊括了这些内容:语言代码,脚本代码,和国家代码,全部由连字符分隔开。它的用法为
而options也是可选的项;它包含一些项
“decimal” 用于纯数字格式;
“currency”用于货币格式;
“percent” 用于百分比格式;
“unit” 用于单位格式
其中style
是要使用的格式样式,默认为 “decimal”。
性能
当格式化大量数字时,最好建立一个 NumberFormat 对象并且使用它提供的 NumberFormat.format 方法。
链接