一个关于子网与掩码输入的组件基于elementui

copy链接 github

带有掩码的

不带掩码的

截图可能会被吐槽一下不过不带掩码的只是没有后面部分

prop参数

size ：'mini' 为不带掩码 ' '空值为带掩码 可选 默认空值
defValue：这是一个默认值
placeholder：掩码输入框的提示文案

组件提供的便利

判断了输入长度自动跳转下一个ip输入
判断的回退键delete删除到空值在按下自动跳转上一个ip输入
判断.按下时自动跳转下一个ip输入
组件提供输入ip校验与掩码 0-32自动转换

如何使用

这里不赘述

ps 由于在使用ts 此组件使用了ts语法

一个关于子网与掩码输入的组件基于elementui相关推荐

往写好的html插入标签,写一个可插入自定义标签的 Textarea 组件
- "插入自定义标签是什么鬼?" - "比如你要插入一个的标签..." - "什么情况下会有这种需求?" - "得罪了产品的情况下 ...
【Vue3.0实战逐步深入系列】扩展投票功能基于elementui进行组件封装实现一个简单的问卷调查功能
[千字长文,熬夜更新,原创不易,多多支持,感谢大家] 前言小伙伴们大家好.在前面一偏文章中我们把投票功能进行了简单的改造:引入了axios第三方库并进行了二次封装用于模拟请求服务器数据.同时添加了一 ...
Linux Shell 实现密码掩码输入
Linux shell编程实现密码掩码输入,效果如下: 脚本源码: #!/bin/bashread -p "type your name:" namepassword=" ...
C语言输入一个正整数n，再输入n个字符，如果是小写字符就将其转换为大写字符，如果是大写字符就转换为小写字符
题目如下: 输入一个正整数n,再输入n个字符,如果是小写字符就将其转换为大写字符,如果是大写字符就转换为小写字符 #include<stdio.h>void main() {int n ...
Java黑皮书课后题第10章：*10.5（显示素数因子）编写一个程序，提示用户输入一个正整数，然后以降序显示它的所有最小因子
*10.5(显示素数因子)编写一个程序,提示用户输入一个正整数,然后以降序显示它的所有最小因子题目程序破题代码 Test5.java Test5_StackOfIntegers.java 运行 ...
Java黑皮书课后题第8章：**8.36（拉丁方阵）拉丁方阵是一个n*n的数组，其中有n个不同的拉丁字母，并且每个拉丁字母恰好只在每行和每列中出现一次。编写一个程序，提示用户输入数字n和字符数组
**8.36(拉丁方阵)拉丁方阵是一个n*n的数组,其中有n个不同的拉丁字母,并且每个拉丁字母恰好只在每行和每列中出现一次题目题目描述与运行示例破题代码题目题目描述与运行示例 **8.36 ...
Java黑皮书课后题第8章：*8.34（几何：最右下角的点）在计算几何中经常需要从一个点集中找到最右下角的点。编写一个测试程序，提示用户输入6个点的坐标，然后显示最右下角的点
*8.34(几何:最右下角的点)在计算几何中经常需要从一个点集中找到最右下角的点.编写一个测试程序,提示用户输入6个点的坐标,然后显示最右下角的点题目题目描述与运行示例破题代码题目题目描述 ...
Java黑皮书课后题第8章：*8.33（几何：多边形的子面积）一个具有四个顶点的凸多边形被分为4个三角形，编写一个程序，提示用户输入4个顶点的坐标，然后以升序显示四个三角形的面积
*8.33(几何:多边形的子面积)一个具有四个顶点的凸多边形被分为4个三角形,编写一个程序,提示用户输入4个顶点的坐标,然后以升序显示四个三角形的面积题目题目描述与运行示例破题代码题目题目 ...
Java黑皮书课后题第8章：*8.32（几何：三角形面积）编写一个方法，使用下面的方法头，返回一个三角形的面积。编写一个程序，提示用户输入三角形的三个点，然后显示三角形的面积
*8.32(几何:三角形面积)编写一个方法,使用下面的方法头,返回一个三角形的面积.编写一个程序,提示用户输入三角形的三个点,然后显示三角形的面积题目题目描述与运行示例破题代码题目题目描述 ...

一个关于子网与掩码输入的组件基于elementui

带有掩码的

不带掩码的

prop参数

组件提供的便利

如何使用

一个关于子网与掩码输入的组件基于elementui相关推荐

最新文章

热门文章