【vue】过滤器 KB，MB单位转换(Vue)

fruge365

已于 2023-03-18 20:47:48 修改

阅读量331

点赞数

分类专栏：前端文章标签： vue.js 前端 javascript

于 2023-02-04 01:03:57 首次发布

本文链接：https://blog.csdn.net/qq_46123200/article/details/128878094

版权

前端专栏收录该内容

46 篇文章 2 订阅

订阅专栏

vue2 过滤器filter的使用，filter位置和methods统计

效果

在这里插入图片描述

template部分

<el-table-column label="文件大小" prop="FileSize">
  <template slot-scope="scope">
     <span>{{ scope.row.FileSize | filterType}}</span>
  </template>
</el-table-column>

script / js部分

filters:{
    filterType:function(val){
      if(val === 0) return "0 B"
        var k = 1024;
        var sizes = ['B','KB','MB','GB','PB','TB','EB','ZB','YB'],
        i = Math.floor(Math.log(val) / Math.log(k));
        return (val / Math.pow(k,i)).toPrecision(3) + "" + sizes[i]
 
    }
}