0.1.3 • Published 2 years ago
vue3-odometer v0.1.3
vue3-odometer
Vue.js(v3.2+) component wrap for Odometer.js
see https://github.com/xlsdg/vue-odometer for vue.js(v2)
Installation
npm install --save odometer vue3-odometer
Usage
<template>
<Vue3Odometer class="o-text" :value="number" />
<button @click="update">update number</button>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import Vue3Odometer from 'vue3-odometer'
import 'odometer/themes/odometer-theme-default.css'
const number = ref(100)
function update() {
number.value = Math.floor(Math.random() * 1000)
}
</script>
<style>
.o-text {
color: red;
}
</style>
Properties
value
NumberOptional;
0
by default.format
StringOptional;
theme
StringOptional;
default
by default.duration
NumberOptional;
animation
StringOptional;
formatFunction
FunctionOptional;
See more Odometer.js
Methods
renderInside
watchForMutations
startWatchingMutations
stopWatchingMutations
cleanValue
bindTransitionEnd
resetFormat
renderDigit
formatDigits
insertDigit
addDigit
addSpacer
animate
animateCount
getDigitCount
getFractionalDigitCount
resetDigits
animateSlide
render
update
Learn more Odometer.js
License
MIT