el-input maxlength不生效
时间: 2023-10-07 13:14:25 浏览: 410
Element Input输入框的使用方法
5星 · 资源好评率100%
如果你使用的是 Element UI 的 el-input 组件,它提供了 maxlength 属性用于限制输入的最大长度,但是有时候可能会出现不生效的情况。这可能是因为你的 el-input 组件被包裹在一个 el-form 组件中,el-form 组件也有一个 maxlength 属性,会覆盖 el-input 的 maxlength 属性。
解决方法有两种:
1. 将 el-input 组件放在 el-form 组件外面,这样 el-input 的 maxlength 属性就不会被覆盖。
2. 在 el-input 组件上加一个 clearable 属性,这个属性会使 el-input 组件在输入框中出现一个清空按钮,但是同时也会使 el-input 组件不受 el-form 的 maxlength 属性影响。例如:
```
<el-form>
<el-form-item label="输入框">
<el-input v-model="inputValue" clearable :maxlength="10"></el-input>
</el-form-item>
</el-form>
```
以上是两种常见的解决方法,如果还没有解决你的问题,建议检查一下是否有其他地方影响了 el-input 的 maxlength 属性。
阅读全文