切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
Vue
Vue实现数字输入框中分割手机号码的示例
Vue实现数字输入框中分割手机号码的示例
2019-01-07
Vue
前端之家
前端之家
收集整理的这篇文章主要介绍了
Vue实现数字输入框中分割手机号码的示例
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
需求
在移动端弹出系统数字
键盘
,输入手机号码的时候,使用344形式分割。
分析:
首先,如果要在移动端弹出数字
键盘
,并且还可以有空格,那么就要使用type="phone"的input框
如果要实现输入的时候
增加
空格,
删除
的时候减少空格,那么就要使用watch
手机号码为11位,
加上
两个空格,最多13位,因此要限定长度
代码
实现