<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>
参数
startVal 开始值
endVal 结束值
duration 持续时间，以毫秒为单位
autoplay 自动播放
decimals 要显示的小数位数
decimal 十进制分割
separator 分隔符
prefix 前缀
suffix 后缀
useEasing 使用缓和功能
easingFn 缓和回调
参数startVal 开始值endVal 结束值duration 持续时间，以毫秒为单位autopl...
vue-count-to 数字滚动 https://www.npmjs.com/package/vue-count...
数字滚动效果Vue CountTo# 安装npm install vue-count-to #使用
插件说明jquery.countup.js是一款轻量级jquery数字动画插件。该数字动画插件可以在页面滚动时，将...
前言 元旦前，工作中需要写一个单数字滚动的特效，找了半天插件都没有找到，随后自己写了一个，今天整理了一下，分享给大...
"vue-count-to": "^1.0.13", 组件使用
odometer 插件是不支持小数位显示的。列如传入 value: 0.16，显示的是 0；传入 value: 1...
创建 newCountUp("ID选择器", 开始值, 结束值, 小数位数, 只需时间, options对象) o...
滚动公告插件
效果 参数 参数取值说明startBoolean是否开始动画numberNumber动画最终到达数字animati...
本文标题：vue-count-to数字滚动插件
本文链接：https://www.haomeiwen.com/subject/gnrxjltx.html
网友评论