<div>{{value}}</div>
value: 0 // 滚动的数值默认0
methods: {
// 数字动画
numFun(startNum, maxNum) {
let that = this;
let numText = startNum;
let golb; // 为了清除requestAnimationFrame
function numSlideFun(){ // 数字动画
if(maxNum<=99999){
numText += parseInt(maxNum/100); // 速度的计算可以为小数 。数字越大,滚动越快
} else if (100000<maxNum<=999999) {
numText += parseInt(maxNum/50);
} else if((1000000<maxNum)){
numText += parseInt(maxNum/10);
}
if(numText >= maxNum){
numText = maxNum;
cancelAnimationFrame(golb);
}else {
golb = requestAnimationFrame(numSlideFun);
}
that.value = numText; //
}
numSlideFun(); // 调用数字动画
}
}
this.numFun(0, this.data.value); // 调用