nkoik / vue-animated-number

:1234: This is a Vue number plugin. It animates the number that you pass in prop.
MIT License
78 stars 15 forks source link

Console warnings #11

Closed diegopaiva1 closed 2 years ago

diegopaiva1 commented 3 years ago

Hi,

The component works just fine. However, it generates a lot of warnings in the console:

warnings

Even though the messages are quite clear, I couldn't fix these warnings myself. Is there anyway to fix it? This is my use case:

<template>
<number :class="{bold: reached}"
                :from="0"
                :to="gamesPlayed"
                :duration="5"
                :format="numberFormat"
                @complete="completed"
                easing="Power4.easeOut"/>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      gamesPlayed: 10_000,
      reached: false
    }
  },
  methods: {
    completed() {
      this.reached = true;
    },
    numberFormat(number) {
      return number.toLocaleString('pt-BR', {maximumFractionDigits: 0});
    }
  }
}
</script>

<style>
.bold {
  font-weight: bold;
}
</style>

Thanks in advance.

shortthefomo commented 3 years ago

same issue here

syamsoul commented 2 years ago

same issue here... hope got solution

Songzhiwen36 commented 2 years ago

same issue here