vue3-number-roll-plus
vue数字滚动组件
4,284
| Install | |
|---|---|
npm install vue3-number-roll-plus |
|
| Latest Version: | 0.1.3 |
| Older releases: | 3 |
| License: | ISC |
| Last Updated: | Aug 1, 2021 |
| Links: | npm |
Maintainer: ludengdeng
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 |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.3 | ISC | ||
| 0.1.2 | ISC | ||
| 0.1.1 | ISC | ||
| 0.1.0 | ^3.0.0 | ISC |