Skip to content

daydayup001001/ip-input

Repository files navigation

ip-input

简介

  • 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

Releases

No releases published

Packages

No packages published