Vue.filter过滤器存储单位换算按B、KB 、M、 G显示字节大小

过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：

<!-- 在双花括号中 -->
{{ mobile | formatmobile}}<!-- 在 `v-bind` 中 -->
<div v-bind:id="bytesize | formatbytes"></div>

在创建 Vue 实例之前全局定义过滤器。在Vue中定义一个formatbytes 过滤器：

/*** 存储单位换算* @param {*} bytes  */
Vue.filter('formatbytes', function(bytes){if (bytes === 0) return '0 B'const k = 1024const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']const i = Math.floor(Math.log(bytes) / Math.log(k))return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i]
});

上面是定义了一个全局过滤器。

如果在组件里面，可以定义一个组件级别的过滤器。当全局过滤器和局部过滤器重名时，会采用局部过滤器。

在 filters 属性里面：

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

另外，在template模板里面，可以同时对一个数据运用多个过滤器函数：

{{ message | filterA | filterB }}

这个写法的功能是，把message 传递给filterA 返回值传递给filterB最后返回显示结果到页面上，可以看出是按函数的先后顺序调用下去最后返回结果显示。

Vue.filter过滤器存储单位换算按B、KB 、M、 G显示字节大小相关推荐

vue+filter过滤器（多参数）传参 - 代码篇
vue+filter过滤器(多参数)传参 - 代码篇传1个参数 //html {{a1 | filterAa}} //js filters:{filterAa(a1){// a1是传入的参数} } ...
时间单位与存储单位换算
秒以下的时间单位有:秒(s).毫秒(ms).微秒(μs).纳秒(ns).皮秒(ps).飞秒(fs).阿秒(as).渺秒(ds) 时间单位换算 1 s = 10^3 ms(毫秒) = 10^6 us ...
计算机存储单位：bit, Byte, KB, MB, GB, TB, PB, EB, ZB, BB
一.计算机的存储单位有哪些呢? 计算机存储单位一般用 bit, Byte, KB, MB, GB, TB, PB, EB, ZB, BB来表示, 我们经常将Byte简称为B,将KB简称问K.什么几K了 ...
大数据时代，你还为数据单位，而困惑么？计算机存储单位：Byte、KB、MB、GB、TB、PB、EB分别叫什么?他们的进率是多少?
存储单位计算机存储单位一般用B,KB.MB.GB.TB.PB.EB.ZB.YB.BB来表示,它们之间的关系是: 位 bit (比特)(Binary Digits):存放一位二进制数,即 0 或 ...
【Java】数据存储单位换算关系
概述 1.B是Byte的缩写,B就是Byte,也就是字节(Byte)2.b是bit的缩写,b就是bit,也就是比特位(bit)3.B与b不同,注意区分,KB是千字节,Kb是千比特位换算计算机存储单 ...
vue filter 过滤器详解
Vue.js 允许你自定义过滤器filter,可被用于一些常见的文本格式化. (注意vue版本号不同用法也稍有不同) 接下来咱们就记录一下最常用的filter过滤器用法.(该示例以多个过滤器为例,当 ...
计算机知识——存储单位换算、扇区、簇、块和页的概念
一.基本概念: 1.bit(比特b):电脑是以二进制存储以及发送接收数据的.二进制的一位就叫做 1 bit,,一个位就代表一个0或1,每8个位组成一个字节 ,是最小一级的信息单位. 2.Byte(字节 ...
计算机存储单位换算规则
1TB=1024GB 1GB=1024MB 1MB=1024KB 1KB=1024B 1B=8b 计算机存储单位一般用bit.B.KB.MB.GB.TB.PB.EB.ZB.YB.BB.NB.DB--来 ...
描述计算机内的存储单位及换算关系,计算机存储单位换算
1) 在学习计算机时,我们常听到1K,1M,1G bit(比特)是计算机中表示数据的最小单位,经常听到的16位机.32位机,就是指比特. Byte(字节)是计算机处理数据的单位,计算机以字节为单位处理 ...

Vue.filter过滤器存储单位换算按B、KB 、M、 G显示字节大小

Vue.filter过滤器存储单位换算按B、KB 、M、 G显示字节大小相关推荐

最新文章

热门文章