# vue-ip-input

> An ip input implement by vue 2.0

Latest version **2.0.2** (published 2017-12-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-ip-input
pnpm add vue-ip-input
yarn add vue-ip-input
bun add vue-ip-input
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2017-12-27 |
| First published | 2016-09-01 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 28 |
| Author | lakb248@gmail.com |
| Maintainers | lakb248 |
| Keywords | vue-component, vuejs, ip, ip-input |

## Links

- npm: https://www.npmjs.com/package/vue-ip-input
- Repository: https://github.com/lakb248/vue-ip-input
- Homepage: https://github.com/lakb248/vue-ip-input#readme
- Issues: https://github.com/lakb248/vue-ip-input/issues
- npm.io page: https://npm.io/package/vue-ip-input

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.0.1

## Alternatives

- [lodash.startswith](https://npm.io/package/lodash.startswith.md) — 769.7K weekly downloads
- [@tarojs/service](https://npm.io/package/@tarojs/service.md) — 33.9K weekly downloads
- [io.extendreality.tilia.indicators.spatialtargets.unity](https://npm.io/package/io.extendreality.tilia.indicators.spatialtargets.unity.md) — 131 weekly downloads
- [@rtarojs/taro](https://npm.io/package/@rtarojs/taro.md) — 90 weekly downloads
- [node-branch-io](https://npm.io/package/node-branch-io.md) — 50 weekly downloads

## Recent versions

- 2.0.2 (latest) — 2017-12-27
- 1.1.0 (next) — 2016-10-14
- 2.0.1 — 2017-12-14
- 2.0.0 — 2017-02-17
- 1.2.0 — 2016-10-14
- 1.0.2 — 2016-09-06
- 1.0.1 — 2016-09-05
- 1.0.0 — 2016-09-04
- 0.0.3 — 2016-09-01
- 0.0.2 — 2016-09-01
- 0.0.1 — 2016-09-01

## README

# vue-ip-input
[![Build Status](https://travis-ci.org/lakb248/vue-ip-input.svg?branch=next)](https://travis-ci.org/lakb248/vue-ip-input)
[![codecov](https://codecov.io/gh/lakb248/vue-ip-input/branch/next/graph/badge.svg)](https://codecov.io/gh/lakb248/vue-ip-input)

> An ip input implement by vue 2.0

## Demo

[Demo](https://lakb248.github.io/vue-ip-input)

## Usage

### Install

```bash
npm install vue-ip-input --save
```

### CommonJS

```javascript
var VueIpInput = require('vue-ip-input');

new Vue({
    components: {
        'vue-ip-input': VueIpInput
    },
    data: function () {
        return {
            ip: '127.0.0.1'
        };
    },
    methods: {
        onIpChange: function(ip) {
            console.log('ip input change:', ip);
        },
        onIpBlur: function (ip) {
            console.log('ip input blur:', ip);
        }
    },
    template: '<vue-ip-input :ip="ip" :on-change="onIpChange" :on-blur="onIpBlur"></vue-ip-input>'
});
```

### ES6
```javascript
import VueIpInput from 'vue-ip-input';

new Vue({
    components: {
        'vue-ip-input': VueIpInput
    },
    data() {
        return {
            ip: '127.0.0.1'
        };
    },
    methods: {
        onIpChange(ip) {
            console.log('ip input change:', ip);
        },
        onIpBlur(ip) {
            console.log('ip input blur:', ip);
        }
    },
    template: '<vue-ip-input :ip="ip" :on-change="onIpChange" :on-blur="onIpBlur"></vue-ip-input>'
})
```

### Props
| Property | Description |
|:--|:--|
| ip | the value of ip input |
| onChange | trigger when the ip change |
| onBlur | trigger when the input blur |

## Contribution
First, install dependencies
```
npm install
```
Second, setup development environment
```
npm run dev
```

## License

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

---
_Source: https://npm.io/package/vue-ip-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._