README.md

ip-input

demo

简介

• ip-input 是一个基于 VUE2 的 IP 地址输入框组件。

快速上手

先 npm 下载插件

npm install ip-port-input --save

或

npm i ip-port-input -S

然后你可以像使用普通组件一样使用 ip-port-input

使用

<template>
  <!-- 默认 -->
  <IpInput v-model="ipValue"></IpInput>
  <!-- 使用端口 -->
  <IpInput v-model="ipPortValue" is-port></IpInput>
</template>

<script>
  import IpInput from "./components/IpInput/index.vue";

  export default {
    name: "App",

    components: { IpInput },

    data() {
      return {
        ipValue: "192.168.1.1",
        ipPortValue: "192.168.1.1/80",
      };
    },
  };
</script>

---

参数

序号	名字	类型	默认值	说明
1	value	String		绑定的值
2	isPort	Boolean	false	是否使用端口
2	className	String		类名
2	isError	Function		Error
2	onChange	Function		Change

---