- 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 |