vue 构建根组件_为Vue 2构建的IP输入组件

vue 构建根组件

Vue IP (Vue IP)

An ip address input with port and material design support.

具有端口和材料设计支持的IP地址输入。

安装 (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或使用IP和端口)

• IP Validation

  IP验证

• Optional material design theme

  可选的材料设计主题

• Optional Port

  可选端口

• No sub dependencies

  没有子依赖性

道具 (Props)

翻译自: https://vuejsexamples.com/a-ip-input-component-built-for-vue-2/

vue 构建根组件