vue-digital-transform

一个基于 Vue 的数字切换动效库

Install

npm install vue-digital-transform

Example

<template>
  <DigitalTransform :value="num" dislocation :interval="200"></DigitalTransform>
</template>

import DigitalTransform from "vue-digital-transform";
 
export default {
  components: {
    DigitalTransform
  },
  data() {
    return {
      num: 0
    };
  }
};

Config

prop	type	description	default
value	Number,String	需要切换的数字，只能由 0-9 . , 组成	undefined
dislocation	Boolean	单个数字是否过渡时间是否不一致	false
interval	Number	单个数字过渡时间（ms）	500
useGrouping (v1.1.0+)	Boolean	是否开启分隔符(对 value 为 Number 类型的有效)	false