0.1.3 • Published 4 years ago
vue3-number-roll-plus v0.1.3
vue2版本请移步 vue-number-roll-plus
安装
npm install vue3-number-roll-plus --save
使用
基本使用
<template>
<vue-number-roll-plus
:number="9999"
background="transparent"
>
</vue-number-roll-plus>
</template>
<script>
import VueNumberRollPlus from "vue3-number-roll-plus"
import "vue3-number-roll-plus/main.css"
export default {
components: {
VueNumberRollPlus
}
}
</script>
属性
属性 | 属性含义 | 类型 | 默认值 |
---|---|---|---|
number | 传入的数字 | Number/String | 0 |
isSemicolon | 是否三位分隔 | Boolean | false |
speed | 滚动速度(s) | Number | 1 |
background | 背景色 | String | #0e68cc |
事件
事件名 | 事件 | 参数 |
---|---|---|
numberChange | 数字变化后触发 | number |
done | 数字滚动结束之后触发 | number |