element-ui statistic 组件源码分享

statistic 统计数值组件分享，从以下三个方面：

1、statistic 组件页面结构。

2、statistic 组件属性。

3、statistic 组件事件。

一、组件页面结构。

二、组件属性。

2.1 value 属性，数值内容，number、string 类型，无默认值。

2.2 decimal-separator 属性，设置小数点，string 类型，无默认值。

2.3 formatter 属性，自定义数值展示，v-slot |({value}) => VNode 类型，无默认值。

 

2.4 group-separator 属性，设置千分位标识符，string 类型，无默认值。

2.5 precision 属性，数值精度，number 类型，无默认值。

2.6 prefix 属性，设置数值的前缀，string、v-slot 类型，无默认值。

 

2.7 suffix 属性，设置数值的后缀，string、v-slot 类型，无默认值。

2.8 title 属性，数值的标题，string、v-slot 类型，无默认值。

 

2.10 value-style 属性，设置数值的样式，object 类型，无默认值。

 

2.11 rate 属性，设置倍率，number 类型，默认值 1000。

2.12 time-indices 属性，是否开启倒计时功能，boolean 类型，默认 false。

 

2.13 value 属性，必填值，输入绑定值，string 类型， 无默认值。

        绑定的 value 属性，当时倒计时时，会有一个特殊处理倒计时的方法，来渲染页面显示的 value 值。

2.14 format 属性，格式化倒计时展示，string 类型，默认值 HH:mm:ss。

三、slots 挂载。

3.1 prefix 数值的前缀。

        2.6 prefix 属性当中已讲解。

3.2 suffix 数值的后缀。

        2.7 suffix 属性当中已讲解。

3.3 formatter 数值内容。

        2.3 formatter 属性当中已讲解。

3.4 title 数值的标题。

        2.8 title 属性当中已讲解。

四、事件。

4.1 change 在倒计时的功能中开启，回调参数 (value:Date)。

4.2 finish 在倒计时完成后启动，回调参数 (value:boolean)。

4.3 suspend 暂停倒计时，参数 (value:Date)，回调参数 (value:Date)。