vue 自定义全局过滤器

1.新建一个文件夹filter,再添加一个文件index.js

image.png

// filter/index.js
export function size(value){
    if(!value) return ''
    if(value >= 1073741824){
        return (value / 1073741824).toFixed(1) + "GB";
    } else if (value >= 1048576) {
        return (value / 1048576).toFixed(1) + "MB";
    } else if (value >= 1024) {
        return (value / 1024).toFixed(1) + "KB";
    } else {
        return value.toFixed(1) + "B";
    }
}

2.在main.js中引入文件

import * as filters from './filter'
Object.keys(filters).forEach(key=>{
    Vue.filter(key,filters[key])
})

3.在页面中使用

<span>{{ file.size | size }}</span>