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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,268评论 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,895评论 1 45
  • 人类的火种 现在已能掩盖夜空 皓月当空 却感受不到她银辉似水 想要捧月的众星 也消失在亮幕的背后 或许还有几颗人造...
    语磨阅读 314评论 0 1
  • 互联网江湖的七情六欲(上)—— 情感共鸣 互联网江湖的七情六欲(中)—— 情感计算 前言:这是一个情感经济的时代,...
    叶先生的鱼阅读 1,552评论 0 2
  • 你是否遇到过这样一个人,你很想照顾她关心她对她好,没有理由,也无关爱情。 好像被上天注定了一样,我遇到了这样一个人...
    苍茫暮色里的青衫阅读 215评论 0 0