小程序组件转换vue组件
Vue数字转换 (vue-digital-transform)
A vue component for better digital transform animation.
Vue组件,用于更好的数字转换动画。
安装 (Install)
npm install vue-digital-transform
例 (Example)
<template>
<DigitalTransform :value="num" dislocation :interval="200"></DigitalTransform>
</template>
import DigitalTransform from "vue-digital-transform";
export default {
components: {
DigitalTransform
},
data() {
return {
num: 0
};
}
};
设定档 (Config)
prop | type | description | default |
---|---|---|---|
value | number,string | 需要切换的数字,只能由 0-9 和.组成 | undefined |
dislocation | boolean | 单个数字是否过渡时间是否不一致 | false |
interval | number | 单个数字过渡时间(ms) | 500 |
Struts | 类型 | 描述 | 默认 |
---|---|---|---|
值 | 数字,字符串 | 需要切换的数字,只能由0-9和。组成 | 未定义 |
错位 | 布尔值 | 单个数字是否过渡时间是否任意 | 假 |
间隔 | 数 | 单个数字过渡时间(ms) | 500 |
翻译自: https://vuejsexamples.com/a-vue-component-for-better-digital-transform-animation/
小程序组件转换vue组件