vue数字定时滚动效果实现

问题遇到的现象和发生背景

vue中获取到后台数字数据不断增大变化，要在页面上定时显示数字增加效果，像下面这种

随着后台数字的不断变化，页面上数字也定时累计增加

几个常用的 js 库_Zheng One Dream的博客-CSDN博客 js-cookie —— 好用的cookie操作库import Cookie from "js-cookie";normalize.css —— common.css 从此不用你手动写import "normalize.css/normalize.css";bignumber.js —— 加减乘除计算必备神库import BigNumber from "bignumber.js";// orimport { BigNumber } from "bignumbe...

https://blog.csdn.net/weixin_42335036/article/details/115654721

看我写的这篇文章，有你要的答案
CountUp

实时的话可以 socket 或者定时器轮询

可以试试 vue-count-to 数字滚动插件我的大屏项目查询量增长动态效果就是用的这个插件直接下载npm install vue-count-to 然后引入它有自己的开始值和结束值 startVal endVal duration是持续时间以毫秒为单位写个定时器 eg:60秒请求一次接口拿回的数据给到endVal