Vue.js 2个Odometer.js包装 - vue-odometer

Vue.js 2个Odometer.js包装 - vue-odometer
插件名称 vue-odometer
发布时间 2020年10月12日
插件作者 xlsdg

用于Odometer.js库的Vue.js 2.x包装器,可平滑过渡应用程序中的数字。

安装和下载:

# NPM
$ npm install odometer vue-odometer --save

用法

<template>
  <IOdometer
    class="iOdometer"
    :value="num"
  />
</template>

<script type="text/babel">
  import IOdometer from 'vue-odometer';
  import 'odometer/themes/odometer-theme-default.css';

  export default {
    name: 'view',
    components: {
      IOdometer
    },
    data() {
      return {
        num: 999999
      };
    },
    mounted() {
      const that = this;
      setInterval(function() {
        that.num += 1;
      }, 3000);
    }
  };
</script>

<style scoped>
  .iOdometer {
    font-size: 2em;
    margin: 0;
  }
</style>