https://github.com/ntnyq/vue-number-animate

Vue plugin for make number animate
https://github.com/ntnyq/vue-number-animate

animate number vue

Last synced: 4 months ago
JSON representation

Vue plugin for make number animate

• Host: GitHub
• URL: https://github.com/ntnyq/vue-number-animate
• Owner: ntnyq
• License: mit
• Created: 2019-04-08T07:38:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-08-16T11:17:15.000Z (about 1 year ago)
• Last Synced: 2025-06-08T05:59:51.280Z (4 months ago)
• Topics: animate, number, vue
• Language: JavaScript
• Size: 387 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue-number-animate

> 基于 __Vue__ 的数字滚动插件

## Usage

``` js

import 'number-animate/dist/style.css'

import NumberAnimate from 'number-animate'

Vue.use(NumberAnimate)

```

``` vue

  


    


      

    

  


export default {

  name: 'App',

  data () {

    return {

      number: 123456789.987654321

    }

  },

  methods: {

    finish () {

      console.log(`Number animate finished`)

    }

  },

  created () {

    setInterval(() => {

      const len = ~~(Math.random() * 10) + 4

      this.number = Math.random() * (10 ** len)

    }, 5e3)

  }

}

```