import Vue from 'vue';
import {CountUp} from 'vue-ydui/dist/lib.rem/countup';
/* 使用px：import {CountUp} from 'vue-ydui/dist/lib.px/countup'; */
Vue.component(CountUp.name, CountUp);<template>
<yd-countup
endnum="1200"
duration="3"
decimals="2"
separator=","
prefix="$"
suffix="美元"
></yd-countup>
</template>
<script type="text/babel">
export default {
}
</script>设置endnum控制结束值。
<template>
<yd-countup endnum="100" suffix="%" :start="start1"></yd-countup>
<yd-button size="small" @click.native="start1 = true">开始</yd-button>
</template>
<script type="text/babel">
export default {
data() {
return {
start1: false
}
}
}
</script>参数:start绑定到本地变量start1(false)，通过改变start1(true)的值即开始。