vue中常用的过滤器

最新推荐文章于 2024-07-04 10:07:27 发布

前端小白在写bug

最新推荐文章于 2024-07-04 10:07:27 发布

阅读量735

点赞数 1

文章标签： vue filter

本文链接：https://blog.csdn.net/qq_38718629/article/details/85064305

版权

1、货币过滤器(返回带￥，保留两位小数，每三位加，号格式数据)

let currency = value =>{
    if(value != "0"){
            if(value == "" || value == undefined || value == null ){
                return "--";
            }
        }
        return value.toLocaleString('zh',{style: "currency", currency: "CNY"})
}

主要用到toLocaleString的知识，不懂的可以查看Number.prototype.toLocaleString()的应用
举例：在这里插入图片描述

2、时间过滤器（根据传入的type 匹配出对应的时间格式）

let formateDate = (date,type) => {
        if(date != '0'){
            if(date == "" || date == undefined || date == null){
                return "--"
            }
        }
        let dateTime = '',
        getDate = new Date(date),
        year = getDate.getFullYear(),
        month = getDate.getMonth()+1,
        day = getDate.getDate(),
        hours = getDate.getHours(),
        minutes = getDate.getMinutes(),
        seconds = getDate.getSeconds();
        if(type == 'yyyy-MM-dd'){
            dateTime = year + '-'+ addZero(month)+'-' + addZero(day);
        }else if(type == 'yyyy-M-d'){
            dateTime = year + '-' + month + '-' +day
        }else if(type == 'yyyy-MM-dd hh-mm-ss'){
            dateTime = year + '-' + month + '-' +day + ' ' + hours + ":" + minutes + ":" + seconds
        }
        return dateTime;
    }

3、给数据加0（用于时间分钟数、秒数小于10时返回加0）

function addZero(val){
      if(val < 10){
        return "0" +val;
      }else{
    return val;
  }
};

4、数据乘以100（也可以乘以其他数）

/**
* 数据 * 100
* @param {*} a
* @param {*} b
*/
export function multiply(a, b) {
    if(a == undefined || b == undefined){
        return "";
    }
    var c = 0,
    d = a.toString(),
    e = b.toString();
    try {
        c += d.split(".")[1].length;
    } catch (f) {}
    try {
        c += e.split(".")[1].length;
    } catch (f) {}
    return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
}

小结：未完待续~~