[Vuejs]-Formatting currency value in vue

by

0👍

I have tried to run your first example. It works as expected but it may seem odd:

I’m going to type the amount 1000.1, this is what happens:

type 1      - display 1
type 10     - display 10
type 100    - display 100
type 1000   - display 1,000
type 1000.  - display 1,000 (odd)
type 1000.1 - display 1,000.10

Now when i want to type a different number, like 5.012 it becomes weirder:

type 5      - display 5
type 5.     - display 5 (odd)
type 5.0    - display 5 (odd)
type 5.01   - display 5.01 
type 5.012  - display 5.01 (slightly odd)

Because you are formatting on each keystroke you will encounter states in which the input is not a valid number (for instance when I types ‘1000.’). You may want to decide how to deal with these invalid states.

To verify if your code works the same is the code I tested with i’ll include this jsfiddle: https://jsfiddle.net/jangnoe/0718q6e4/

Leave a comment