解决input标签设置type = “number” 时，maxlength失效的问题

吃葡萄不吐葡萄皮嘻嘻

已于 2023-02-07 11:04:42 修改

阅读量895

点赞数

分类专栏： element ui 文章标签：前端 elementui

于 2023-02-07 10:41:36 首次发布

本文链接：https://blog.csdn.net/qq_45695853/article/details/128914510

版权

element ui 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在HTML中使用el-input组件，添加oninput事件监听输入。当输入的字符长度超过11位时，通过JavaScript截取前11位，确保不超出限制。同时，设置v-model绑定变量，autocomplete属性关闭，类型设为number，并定义了maxlength为11，以适应手机号码等场景。

摘要由CSDN通过智能技术生成

添加oninput事件，用js进行判断，如果长度大于11位，则截取前11位，maxlength根据项目需求来设置

<el-input
   oninput="if(value.length > 11) value = value.slice(0,11)"
   v-model="tsForm.tel"
   autocomplete="off"
   clearable
   type="number"
   :maxlength="11"
   style="width: 60%"
 ></el-input>