共计 1140 个字符，预计需要花费 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}
}主参数
| 参数 | 类型 | 必填项 | 默认值 | 参考值 | 阐明 |
|---|---|---|---|---|---|
| mNum | Number 或 String | √ | 会动的数字。 | ||
| mode | String | × | fast | fast：快增；fix：定变；scroll：滚动； | 计算模式。 |
| decimal | Number | × | 小数位限度，默认不做解决。设定后处理准则：数据小数位位数大于指定数字解决。 | ||
| quantileShow | Boolean | × | false | 分位符号是否显示。 | |
| quantileType | Number | × | 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
客官品着 \~\~\~\~
正文完
