vue-ip
Vue IP
A IP input component built for Vue 2.x
Install
$ yarn add vue-ip
Usage
import VueIp from 'VueIp';
new Vue({
components: {
VueIp
},
data() {
return {
ip: '127.0.0.1', // or null
port: '8888', // or null
};
},
methods: {
/**
* Will be called on changes to IP address or port
*/
change(ip, port, valid) {
console.log(ip, port, valid);
}
},
template: '<vue-ip :ip="ip" :port="port" :on-change="change" theme="material"></vue-ip>'
})
Supports
- Pasting (with IP or with IP and port)
- IP Validation
- Optional material design theme
- Optional Port
- No sub dependencies
Props
Prop | Type | Options |
---|---|---|
on-change | function | Will be called when changes |
ip | string | null or ip address '127.0.0.1' |
port | string | null or '8080' |
placeholder | boolean | will show a dummy ip address within the placeholder |
theme | string | 'material' (material design themed) |
License
Inspired by
Dependencies
Dependencies
@babel/core: ^7.2.2@babel/preset-env: ^7.3.1@babel/preset-stage-0: ^7.0.0babel-loader: ^8.0.5css-loader: ^2.1.0pug: ^3.0.2pug-loader: ^2.4.0pug-plain-loader: ^1.0.0stylus: ^0.54.5stylus-loader: ^3.0.1vue-loader: ^15.6.2vue-template-compiler: ^2.5.22webpack: ^4.29.0webpack-cli: ^3.2.1webpack-dev-server: ^3.1.14