Price 商品价格请使用手机扫码体验

用来对商品价格数值的小数点前后部分应用不同样式,还支持人民币符号、千位分隔符、设置小数点位数等功能。

基本用法

  1. html
    <nut-price
  2. :price="1010"
  3. :needSymbol="false"
  4. :thousands="true"
  5. />

带人民币符号,无千位分隔

  1. html
    <nut-price
  2. :price="10010.01"
  3. :needSymbol="true"
  4. :thousands="false"
  5. />

带人民币符号和千位分隔,保留小数点后三位

  1. html
    <nut-price
  2. :price="15213.122"
  3. :decimalDigits="3"
  4. :needSymbol="true"
  5. :thousands="true"
  6. />

Prop

字段说明类型默认值
price价格数量Number0
needSymbol是否需要加上人民币符号Booleantrue
decimalDigits小数位位数Number2
thousands是否按照千分号形式显示Booleanfalse

Price 商品价格 - 图1