Vue实现数字输入框中分割手机号码的示例

需求

在移动端弹出系统数字键盘，输入手机号码的时候，使用344形式分割。

分析：

1. 首先，如果要在移动端弹出数字键盘，并且还可以有空格，那么就要使用type="phone"的input框
2. 如果要实现输入的时候增加空格，删除的时候减少空格，那么就要使用watch
3. 手机号码为11位，加上两个空格，最多13位，因此要限定长度

代码实现

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。