zyj-ip-input/README.md

基于Vue2的ip输入框

## 1、安装

```
npm install zyj-ip-input
```

## 2、引入

在main.js中引入

```js
import ipAddress from 'zyj-ip-input'
import 'zyj-ip-input/dist/zyj-ip-input.css'

Vue.use(ipAddress)
```

## 3、页面中使用

注意value为：127.0.0.1之类的ip值

```vue
<ip-input-vue v-model="value" />
```

## 4、添加禁用状态

禁用状态我们可以使用`disabled`属性进行设置

```js
<IpAddress v-model="submitForm.ip" :disabled="true" />
```

## 5、在ElementUI中使用

```vue
<el-form ref="form" :model="submitForm" :rules="rules">
    <el-form-item label="IP地址" prop="ip">
        <IpAddress v-model="submitForm.ip" @blur="$refs.form.validateField('ip')" :disabled="true" />
    </el-form-item>
</el-form>

<script>
export default {
  data(){
  	return {
  		submitForm: {
  			ip: '127.0.0.1'
  		}
  	}
  }
}
</script>
```

## 6 联系我

有其他需求可定制化开发，可联系email：1628480502@qq.com