https://github.com/BosNaufal/vue-calc-input

Vue directive to make a calculator input behavior. Implementation of https://github.com/BosNaufal/readable-number
https://github.com/BosNaufal/vue-calc-input

Last synced: about 2 months ago
JSON representation

Vue directive to make a calculator input behavior. Implementation of https://github.com/BosNaufal/readable-number

• Host: GitHub
• URL: https://github.com/BosNaufal/vue-calc-input
• Owner: BosNaufal
• License: mit
• Created: 2016-03-13T03:04:12.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-03-13T03:33:50.000Z (over 8 years ago)
• Last Synced: 2024-05-31T16:01:32.461Z (4 months ago)
• Language: JavaScript
• Size: 2.93 KB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue-cn - vue-calc-input ★1

README

        
# Vue Calc Input

A directive for [Vue.Js](http://vuejs.org) to make an calculator input behavior. Implementation of [readable-number.js](https://github.com/BosNaufal/readable-number)

#### [DEMO](http://codepen.io/BosNaufal/full/mPrrLz/)

## Install

Include the [vue-calc-input-standalone.js](./vue-calc-input-standalone.js) to your HTML or web page file, after [Vue.Js](http://vuejs.org). if you want to use it without a filter

OR

You can use [vue-calc-input.js](./build/vue-calc-input.js) with [vue-readable-number.js](./src/vue-readable-number.js) Filter to make two binding filter. Make it more powerfull. But you must include the [readable-number-js](./src/readable-number.js) First.

## Usage

```html



	

  


	

	

	
Your see: {{ number | readable-number }}

	
Your model get: {{ number }} ({{ typeof number }})



```


## Thank You for Making this useful

Hopefully it can be useful for your next projects.

## Let's talk about some projects

Just Contact Me At:

- Email: [[email protected]](mailto:[email protected])

- Skype Id: bosnaufal254

- twitter: [@BosNaufal](https://twitter.com/BosNaufal)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2016 - forever Naufal Rabbani