el-input框输入手机号

你可以在 el-input 框中使用 type="tel" 属性来限制输入内容为电话号码，同时可以使用 maxlength 属性来限制输入的长度为11位（如果是中国大陆的手机号）。示例代码如下：

<el-input v-model="phone" type="tel" placeholder="请输入手机号" maxlength="11"></el-input>

其中，v-model 绑定的是你的 Vue 实例中的 phone 变量，用于存储输入的手机号。需要注意的是，这只是前端的限制，你还需要在后端对输入的手机号进行正则表达式的校验。

相关问题

el-input只能输入手机号

你可以使用Vue.js中的v-model指令和正则表达式来限制输入的内容只能为手机号码。

例如，在el-input组件上添加v-model指令和一个正则表达式：

<el-input v-model="phoneNumber" placeholder="请输入手机号" :maxlength="11" :on-input="phoneNumber = phoneNumber.replace(/[^\d]/g,'')"></el-input>

其中，v-model绑定了一个名为phoneNumber的数据，用户输入的手机号码将会被存储在该数据中。同时，maxlength属性限制了输入框的最大长度为11个字符，即手机号码的长度。

另外，通过on-input事件监听用户的输入，并使用正则表达式/[^\d]/g过滤掉非数字字符，确保输入的内容只包含数字。

这样，el-input组件就能够限制输入内容只能为手机号码了。

el-input11位手机号正则

以下是一个可以匹配11位手机号格式的正则表达式：

/^1[3-9]\d{9}$/

解释：
- `^` 匹配字符串的开头
- `1` 匹配数字1
- `[3-9]` 匹配3-9之间的任意一个数字
- `\d` 匹配任意一个数字
- `{9}` 匹配前面的\d数字字符出现9次
- `$` 匹配字符串的结尾

这个正则表达式可以匹配以1开头，第二个数字是3-9之间的任意一个数字，后面跟着9个数字的字符串，符合手机号的格式要求。