Skip to content

Bytes 字节格式化

字节格式化组件用于将字节数(Bytes)自动转换为可读的文件大小格式(KB / MB / GB / TB),支持二进制和十进制两种单位体系。

基础用法

传入 value 属性(字节数),自动选择合适的单位格式化显示。

vue

<TBytes :value="128" />
<TBytes :value="2456000" />
<TBytes :value="1520000000" />

小数位数

通过 decimals 属性控制小数位数,默认为 1 位。

vue

<TBytes :value="1520000000" :decimals="0" />
<TBytes :value="1520000000" :decimals="2" />

进制切换

设置 :base="1000" 使用十进制(硬盘厂商常用),默认为 1024 二进制。

vue

<TBytes :value="1520000000" :base="1024" />
<TBytes :value="1520000000" :base="1000" />

IEC 标准单位

设置 iec 属性使用 KiB / MiB / GiB 等 IEC 标准单位(仅在 base=1024 时生效),符合国际电工委员会标准。

vue

<TBytes :value="1520000000" :base="1024" iec />

API

Props

Prop说明类型默认值
value字节数number—(必填)
decimals小数位数number1
separator数字与单位之间的分隔符string' '
base进制(1024 二进制 / 1000 十进制)number1024
iec使用 IEC 标准单位(KiB/MiB 等)booleanfalse