xlsdg / Vue Countup V2
Licence: mit
Vue.js component wrap for countUp.js
Stars: ✭ 323
Labels
Projects that are alternatives of or similar to Vue Countup V2
vue-thailand-address
🇹🇭 Thai address input for Vue.
Stars: ✭ 44 (-86.38%)
Mutual labels: vue-component
vue-notification-bell
Vue.js notification bell component.
Stars: ✭ 64 (-80.19%)
Mutual labels: vue-component
Vue Cute Timeline
A cute timeline component for Vue.js.
Stars: ✭ 289 (-10.53%)
Mutual labels: vue-component
vue-single-select
single select dropdown with autocomplete
Stars: ✭ 43 (-86.69%)
Mutual labels: vue-component
vue-icon
Maybe it is the smallest vue component that contains all the feather icons
Stars: ✭ 44 (-86.38%)
Mutual labels: vue-component
vue-resize-split-pane
Splittable and resizable panes for Vue.js
Stars: ✭ 54 (-83.28%)
Mutual labels: vue-component
Vue Draggable Nested Tree
Please use the he-tree-vue, vue-draggable-nested-tree will no longer be maintained.
Stars: ✭ 302 (-6.5%)
Mutual labels: vue-component
vue-simple-upload-component
A simple upload component for Vue.js 2.x
Stars: ✭ 14 (-95.67%)
Mutual labels: vue-component
Vue Float Menu
🎈Customizable floating menu for Vue
Stars: ✭ 252 (-21.98%)
Mutual labels: vue-component
vue-mapbox-map
A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!
Stars: ✭ 26 (-91.95%)
Mutual labels: vue-component
vui-vc-next
Vue 3 with Vite Playground - Mobile web UI components - (vue3+vite2).
Stars: ✭ 15 (-95.36%)
Mutual labels: vue-component
Vue Flow Form
Create conversational conditional-logic forms with Vue.js.
Stars: ✭ 315 (-2.48%)
Mutual labels: vue-component
Vue A11y Calendar
Accessible, internationalized Vue calendar
Stars: ✭ 255 (-21.05%)
Mutual labels: vue-component
vue-countup-v2
Vue.js component wrap for CountUp.js
Installation
$ npm install --save countup.js vue-countup-v2
Usage
<template>
<div class="iCountUp">
<ICountUp
:delay="delay"
:endVal="endVal"
:options="options"
@ready="onReady"
/>
</div>
</template>
<script type="text/babel">
import ICountUp from 'vue-countup-v2';
export default {
name: 'demo',
components: {
ICountUp
},
data() {
return {
delay: 1000,
endVal: 120500,
options: {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
prefix: '',
suffix: ''
}
};
},
methods: {
onReady: function(instance, CountUp) {
const that = this;
instance.update(that.endVal + 100);
}
}
};
</script>
<style scoped>
.iCountUp {
font-size: 12em;
margin: 0;
color: #4d63bc;
}
</style>
Properties
-
delay
[Number]Optional;
-
endVal
[Number]Required; The value you want to arrive at.
-
options
[Object]Optional; Formatting/easing options object.
See more countUp.js
Static Methods
start
pauseResume
reset
update
Learn more countUp.js
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].