vue实现千分位过滤器

一、新建filter.js如下：

const filter = {

    '1000': function (val) {

        if (typeof (val) === 'number') {

            return (val).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')

        }

    }

}

export default filter

二、main.js引入filter.js并注册过滤器

import filter from './filter.js'

/* 注册过滤器 */

for (const key in filter) {

    if (filter.hasOwnProperty(key)) {

        const element = filter[key]

        Vue.filter(key, element)

    }

}

三、组件中调用过滤器

 {{item.sadultPrice | 1000}}

20023.00转换为20,023.00