- 下载数字滚动插件
npm install vue3-count-to
- 在main文件全局导入
import { CountTo } from "vue3-count-to";
const app = createApp(App)
app.component("CountTo", CountTo);
- 在vue文件中使用
<CountTo:startVal="0" separator :endVal="数字" duration="持续滚动时间"/>
- 组件参数
参数 | 注释 | 类型 |
---|---|---|
startVal | 开始值 | Number |
endVal | 结束值 | Number |
duration | 持续滚动时间 | Number/String |
separator | 分隔符 | String |
decimals | 要显示的小数位数 | Number |
autoplay | 自动播放 | boolean |