vue-countTo的使用

1.安装依赖:

npm install vue-count-to -D

2.示例:

http://panjiachen.github.io/countTo/demo/

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2020
      }
    }
  }
</script>

3.参数

属性 描述
startVal 开始值
endVal 结束值
duration 持续时间,以毫秒为单位
autoplay 自动播放
decimals 要显示的小数位数
decimal 十进制分割
separator 分隔符
prefix 前缀
suffix 后缀
useEasing 使用缓和功能
easingFn 缓和回调

4.功能

属性 描述
mountedCallback 挂载以后返回回调
start 开始计数
pause 暂停计数
reset 重置countTo
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容