为谁疯狂是谁唱的,古田新太,跤王
需求
在移动端弹出系统数字键盘,输入手机号码的时候,使用344形式分割。
分析:
代码实现
<body> <div id="app"> <!-- 类型为phone,最大长度为13 --> <input type="phone" v-model="dataphone" maxlength="13"> </div> </body> <script> var vm = new vue({ el: '#app', data() { return { dataphone: '' } }, watch: { // 通过watch来设置空格 dataphone(newvalue, oldvalue) { if (newvalue.length > oldvalue.length) { // 文本框中输入 if (newvalue.length === 3 || newvalue.length === 8) { this.dataphone += ' ' } } else { // 文本框中删除 if (newvalue.length === 9 || newvalue.length === 4) { this.dataphone = this.dataphone.trim() } } } } }) </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
详解element上传组件before-remove钩子问题解决
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
网友评论