Skip to content

基础使用

通过 value 设置价格值。

vue
<hi-price value="158"></hi-price>

保留小数

通过 decimals 设置小数位数。值是一个用 0 拼成的字符串,想保留几位小数就填几个 0。比如:000: 保留 3 位小数。

默认情况下,组件会舍弃末尾为 0 的小数。比如,158.60 组件默认会设置最后的一个 0 最终显示成 158.6, 开启 fixed 可以保留固定的位数。

vue
<hi-price value="158.60" fixed decimals="00"></hi-price>

显示删除线

通过 showDelete 设置是否显示删除线。

vue
<hi-price value="158" showDelete></hi-price>
<hi-price value="-158" showDelete></hi-price>

Props

参数说明类型默认值可选值版本
unit单位String¥--
unitSize单位大小String0.8em--
value[String, Number]0--
decimals小数位数String"00"--
thousands千分位分隔符String,--
fixed是否显示固定的小数位数,关闭后,小数位为 0 的则不显示Booleanfalse--
showDelete是否显示删除线Booleanfalse--