Input field component to display currency value based on Vue.
$ npm install vue-numeric --save
<template> <vue-numeric currency="$" separator="," v-model="price"></vue-numeric> </template> <script> import VueNumeric from 'vue-numeric' export default { name: 'App', components: { VueNumeric }, data: () => ({ price: '' }), } </script> /** * Currency symbol. */ currency: { default: '', required: false, type: String }, /** * Default value. */ default: { required: false, type: [Number, String] }, /** * Maximum value allowed. */ max: { required: false, type: [Number, String] }, /** * Minimum value allowed. */ min: { default: 0, required: false, type: [Number, String] }, /** * Enable/Disable minus value. */ minus: { default: true, required: false, type: Boolean }, /** * Input placeholder. */ placeholder: { required: false, type: String }, /** * Number of decimals. * Decimals symbol are the opposite of separator symbol. */ precision: { required: false, type: [Number, String] }, /** * Thousand separator type. * Separator props accept either . or , (default). */ separator: { default: ',', required: false, type: String }Vue-Numeric is open-sourced software licensed under the MIT license