1.下载插件
命令:npm install vue-count-to
2.代码
<template>
<div>
<countTo :startVal='startVal' separator='' :endVal='endVal' :duration="1000"></countTo>
</div>
</template>
<script>
export default {
name:'ing',
data(){
return{
startVal:0, //开始数值
endVal: 36549 //结束数值
}
}
}
</script>
<style>
</style>
3.插件参数:
参数 | 描述 |
---|---|
startVal | 开始值 |
endVal | 结束值 |
duration | 持续时间,以毫秒为单位 |
autoplay | 自动播放 |
decimals | 要显示的小数位数 |
decimal | 十进制分割 |
sepaeator | 分隔符 |
prefix | 前缀 |
suffix | 后缀 |
useEasing | 使用缓和功能 |
easingFn | 缓和回调 |