1、安装

npm install zyj-ip-input

2、引入

在main.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值

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

4、添加禁用状态

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

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

5、在ElementUI中使用

<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：[email protected]