名称:vue3-count-to
安装: npm install vue3-count-to --save
在main.js中全局注册:
github:https://github.com/PanJiaChen/vue-countTo
// main.js全局注册
import countTo from 'vue3-count-to'
app.use(countTo)
在用到地页面引入使用
<template>
<countTo
:startVal="0" // 初始数据
:endVal="200" //最后展示的数字
:duration="3000" // 滚动时间
:ref="'countToRef' + item.index"
:suffix="item.id === 3 ? '+' : ''" // 数字后缀, 根据自己需要进行修改
></countTo>
</template>
<script setup>
import { CountTo } from 'vue3-count-to'
</script>