8000 GitHub - UchihaCFC/vue-currency-filter: :heavy_dollar_sign: Lightweight and Customizeable Vue 2 Currency Filter
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

UchihaCFC/vue-currency-filter

 
 

Repository files navigation

vue-currency-filter

License Github Issue GitHub Fork GitHub Star

version downloads monthly downloads

Travis codecov

💲 Lightweight and Customizeable Vue 2 Currency Filter

Demo

https://mazipan.github.io/vue-currency-filter/

Download

NPM :

npm install vue-currency-filter

Yarn :

yarn add vue-currency-filter

Sample Usage

Import in main.js :

import VueCurrencyFilter from 'vue-currency-filter'

Use Plugins :

Vue.use(VueCurrencyFilter)

Add Global Configuration :

Vue.use(VueCurrencyFilter, 
{
  symbol : '$', 
  thousandsSeparator: '.',
  fractionCount: 2,
  fractionSeparator: ',',
  symbolPosition: 'front',
  symbolSpacing: true
})

Use in View :

<span>{{ 20000 | currency}}</span>

Add Configuration In Specific Place :

<span>
{{ textInput | currency(configSymbol, configSeparator, configFractionCount, 
configFractionSeparator, configSymbolPosition, configSymbolSpacing)}}
</span>
					

Available Options

{
  symbol: 'string (default : Rp)',
  thousandsSeparator: 'string (default : .)',
  fractionCount: 'number (default : 0)',
  fractionSeparator: 'string (default: ",")',
  symbolPosition: 'string (default: front)',
  symbolSpacing: 'boolean (default: true)'
}

Contributing

If you'd like to contribute, head to the contributing guidelines. Inside you'll find directions for opening issues, coding standards, and notes on development.

Hope this will be useful for you all.

Contact Me :

Email Website Facebook

Twitter Linkedin Slideshare

About

💲 Lightweight and Customizeable Vue 2 Currency Filter

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 42.2%
  • HTML 31.2%
  • Vue 26.6%
0