vue-ip-input-ar

This is a forked project from VueIpInput. We develop some items based on VUE-1.

An ip input implement by vuejs

Demo

Demo

Usage

Install

npm install vue-ip-input-ar --save

And, if you are using vue 2.0

npm install vue-ip-input-ar@next --save

CommonJS

var VueIpInput = require('vue-ip-input-ar');

new Vue({
    components: {
        'vue-ip-input': VueIpInput
    },
    data: function () {
        return {
            ip: '127.0.0.1/16'
        };
    },
    methods: {
        onIpChange: function(ip) {
            console.log('ip input change:', ip);
        },
        onIpBlur: function (ip) {
            console.log('ip input blur:', ip);
        }
    },
    template: '<vue-ip-input :ip="ip" :on-change="onIpChange" :on-blur="onIpBlur" :with-mask="true"></vue-ip-input>'
});

ES6

import VueIpInput from 'vue-ip-input-ar';

new Vue({
    components: {
        'vue-ip-input': VueIpInput
    },
    data() {
        return {
            ip: '127.0.0.1/16'
        };
    },
    methods: {
        onIpChange(ip) {
            console.log('ip input change:', ip);
        },
        onIpBlur(ip) {
            console.log('ip input blur:', ip);
        }
    },
    template: '<vue-ip-input :ip="ip" :on-change="onIpChange" :on-blur="onIpBlur" :with-mask="true"></vue-ip-input>'
})

Props

| Property | Description | |:--|:--| | ip | the value of ip input | | onChange | trigger when the ip change | | onBlur | trigger when the input blur | | withMask | ‌Boolean variable of show select mask of ip |

License

MIT