Vue.js IPv4 address input field

Installation

npm install --save ip-address-input-field

Make sure you have installed Vuetify

Installing the plugin will globally add the ip-address-input-field component to your project.

//main.js
import IpAddressInputField from 'ip-address-input-field'
Vue.use(IpAddressInputField)

But you can also import the standalone component to add locally or for more complex installations.

// ipConfiguration.vue
import { IpAddressInputField } from 'ip-address-input-field'
export default {
  components: {
    IpAddressInputField,
  },
}

Basic Usage

<ip-address-input-field v-model="ipAddress" title="Ip address" :disalbed="disabled"></ip-address-input-field>
...
<script>
...
    data() {
        return {
            ipAddress : '',
            disabled : false
        }
    }
...
</script>