moving-numbers-vue3 v1.1.3

简介

会动的数字。

快速开始

npm i moving-numbers-vue3 -S

快速应用

全局注入

import movingNumbers from 'moving-numbers-vue3'
app.use(movingNumbers);

局部注入

import { MovingNumbers } from 'moving-numbers-vue3';
export default {
  name: 'App',
  components: {
    MovingNumbers
  }
}

主参数

方法

示例 1

<MovingNumbers
  class="c1"
  :mNum="movingNumber"
  :quantileShow="true">
</MovingNumbers>

setInterval(() => {
  this.movingNumber = (Math.random() * 1000000).toFixed(6);
  // console.log(this.movingNumber);
}, 5000);
</script>

示例 2

<MovingNumbers
  class="c2"
  :mNum="movingNumber"
  mode="fix"
  :decimal="3"
  :quantileShow="true"
  :quantileType="3">
</MovingNumbers>

setInterval(() => {
  this.movingNumber = (Math.random() * 1000000).toFixed(6);
  // console.log(this.movingNumber);
}, 5000);
</script>

示例 3

<MovingNumbers
  class="c3"
  :mNum="movingNumber"
  mode="scroll"
  :decimal="4"
  :quantileShow="true">
</MovingNumbers>

setInterval(() => {
  this.movingNumber = (Math.random() * 1000000).toFixed(6);
  // console.log(this.movingNumber);
}, 5000);
</script>