Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roamin/vue-custom-input
Vue2.0 component for custom input
https://github.com/roamin/vue-custom-input
number-input phone-input vue vue-components vue2
Last synced: about 1 month ago
JSON representation
Vue2.0 component for custom input
- Host: GitHub
- URL: https://github.com/roamin/vue-custom-input
- Owner: Roamin
- Created: 2017-07-12T05:43:14.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-16T09:30:44.000Z (over 7 years ago)
- Last Synced: 2024-04-29T12:46:38.382Z (7 months ago)
- Topics: number-input, phone-input, vue, vue-components, vue2
- Language: JavaScript
- Homepage:
- Size: 1.88 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: ChangeLog.md
Awesome Lists containing this project
README
# vue-custom-input
> 基于 Vue2.0 的输入框定制化
- number-input
- 1000 -> 1,000
- 0~1000, -1 -> 0; 10001 -> 1000
- phone-input
- 18288888888 -> 182-8888-8888## 目录
- [组件](#组件)
- [Demo Build Setup](#demo-build-setup)
- [在线演示](#在线演示)## 组件
- [number-input](./src/component/number-input/)
- phone-input## Demo Build Setup
``` bash
# install dependencies
npm install# serve with hot reload at localhost:8080
npm run dev# build for production with minification
npm run build# build for production and view the bundle analyzer report
npm run build --report
```For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
## 在线演示
- [number-input](http://htmlpreview.github.io/?https://github.com/RoamIn/vue-custom-input/blob/master/view/number-input-demo.html)
![demo.gif](src/img/number-input-demo.gif)
- phone-input