vue移动端实现ip输入框问题的解决方法介绍

vue框架移动端做ip输入框组件，input在浏览器和微信端兼容问题。
要求：只能输入数字，输入数字以外的字符（包括点、冒号等数字符号）时自动跳到下一段ip输入框.
type=number类型，不会禁止点的输入。手动过滤拿不到包括点字符的字符串.而且输入多个点之后，拿到的值为空.
解决办法：type=tel,只能输入数字，且可以获取到点字符的输入
问题：微信下keyup事件无效，回调事件中event.keyCode返回全是229.
解决办法：监听input事件，event事件对象中keycode为空，但是event.data返回输入字符，可以实现过滤.

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的Javascript教程视频栏目！

以上就是vue移动端实现ip输入框问题的解决方法介绍的详细内容，更多请关注 第一PHP社区 其它相关文章！