简介

会动的数字。

疾速开始

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  }}

主参数

参数类型必填项默认值参考值阐明
mNumNumber 或 String√会动的数字。
modeString×fastfast：快增；fix：定变；scroll：滚动；计算模式。
decimalNumber×小数位限度，默认不做解决。设定后处理准则：数据小数位位数大于指定数字解决。
quantileShowBoolean×false分位符号是否显示。
quantileTypeNumber×4分位符号类型：人民币：4位宰割；美元：3位宰割。

办法

参数类型解释
示例 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>

上地址（npm地址）

NPM

客官品着\~\~\~\~