-
安装滚动数字插件
vue-count-to
npm i vue-count-to
-
引入组件
<script>
import CountTo from 'vue-count-to'
export default {
components:{
CountTo
}
}
</script>
- 将
span
替换成count-to
插件
<div>
<span>组织总人数</span>
<!--起始值 终点值 动画时间 -->
<count-to
:start-val="0"
:end-val="228"
:duration="1000"
/>
</div>