数字格式化并保留小数的数字滚动
首先下载vue-count-to插件
npm install vue-count-to
使用
<template>
<countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>
<script>
//直接引入组件'vue-count-to'
import countTo from 'vue-count-to';
export default {
//注册组件
components: { countTo },
data () {
return {
//数字开始
startVal: 0,
//数字结束
endVal: 50000
}
}
}
</script>
参数设置
startVal 开始值 Number 0
endVal 结束值 Number 2017
duration 持续时间,以毫秒为单位 Number 3000
autoplay 自动播放 Boolean true
decimals 要显示的小数位数 Number 0
decimal 十进制分割 String .
separator 分隔符 String ,
prefix 前缀 String ''
suffix 后缀 String ''
useEasing 使用缓和功能 Boolean true
easingFn 缓和回调 Function —