数字增长动画

• a.vue

基于vue2和gsap(3.7.0)
仅支持到小数点后6位

a.vue

<span>
    {{ totalNodeCount ? totalNodeCount.toFixed(0) : "-" }}
</span>

data() {
    return {
      totalNodeCount: 0,
	}
}
watch: {
    "totalStatistics.nodeCount": function (newVal) { gsap.to(this.$data, { duration: 0.8, totalNodeCount: newVal });
}

标签：动画,vue,数字,gsap,newVal,totalNodeCount,data
来源： https://blog.csdn.net/ted_sky/article/details/120366422