這篇文章主要介紹Vue如何實現(xiàn)數(shù)字輸入框中分割手機號碼功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、無極網(wǎng)絡(luò)推廣、微信小程序開發(fā)、無極網(wǎng)絡(luò)營銷、無極企業(yè)策劃、無極品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供無極建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫只關(guān)注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。

需求

在移動端彈出系統(tǒng)數(shù)字鍵盤，輸入手機號碼的時候，使用344形式分割。

分析：

1. 首先，如果要在移動端彈出數(shù)字鍵盤，并且還可以有空格，那么就要使用type="phone"的input框

2. 如果要實現(xiàn)輸入的時候增加空格，刪除的時候減少空格，那么就要使用watch

3. 手機號碼為11位，加上兩個空格，最多13位，因此要限定長度

代碼實現(xiàn)