如题。

2020-10-06 10:02创建
共1个回答
XL
游客xlRpUN

Vue Odometer的模板语法用法示例如下:

<template>
    <div id="app">
        <vue-odometer :value="mynumber" animation="smooth"></vue-odometer>
        <button @click="updateNumber()">Update</button>
    </div>
</template>

<script>
    import VueOdometer from 'v-odometer/src'

    export default {
        name: 'app',
        data: function () {
            return {
                mynumber: 0
            }
        },
        methods: {
            updateNumber: function ()
            {
                this.mynumber = Math.floor(Math.random() * (9999 - 1)) + 1
            }
        },
        components: {
            "vue-odometer": VueOdometer
        }
    }
</script>