vue-transform-number v1.0.6

vue-number-transform

数字滚动组件

安装

# 安装组件
npm install vue-transform-number

参数

示例

<template>
  <div id="app">
      <VueTransformNumber :number="number" :background-image="backgroundImage"></VueTransformNumber>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      number: 15055,
      backgroundImage:require("./assets/logo.png")
    };
  },
  mounted() {
    let number = this.number;
    setInterval(() => {
      this.number = this.getRandomNumber(1, 10) * number;
    }, 5000);
  },
  methods: {
    //获取随机数
    getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1) + min);
    }
  }
};
</script>