如何实现Vue中输入电话号码自动按3-4-4格式分割的功能？

本文共计936个文字，预计阅读时间需要4分钟。

输入框绑定：监听事件，每次号码变化时触发：方法：比较号码变化前后的长度，判断是否为输入。

输入框绑定

<input class="inputBox" type="phone" placeholder=" 请输入手机号" maxlength="13" v-model="phoneNum"/>

监听事件，每次号码发生改变时触发
大体的逻辑是：先比较号码变化前后的长度，判断是输入还是删除，如果是输入的话，利用正则表达式改变号码格式。