element ui官网关于input组件的源码中没有看明白maxlength是如何定义的？

Question

想通过修改源码来解决全局字数过长的问题但是源码没看明白maxlegth如何定义的
源码地址：
https://github.com/ElemeFE/element/blob/dev/packages/input/src/input.vue

Answer 1

v-bind="$attrs", maxlength是原生属性.

Answer 2

<input
  v-if="type !== 'textarea'"
  class="el-input__inner"
  v-bind="$attrs"
  :value="nativeInputValue"
  :disabled="inputDisabled"
  :readonly="readonly"
  :autocomplete="autoComplete"
  :style="inputStyle"
  ref="input"
  @input="handleInput"
  @focus="handleFocus"
  @blur="handleBlur"
  @change="handleChange"
  @keydown.enter="handleKeydown"
>

关键是v-bind="$attrs"会把父组件传递到子组件所有属性绑定到这个元素上

<el-input v-model="input" maxlength="10"></el-input>

Answer 3

当用户输入的字符数超过 maxlength 值时，输入框将自动阻止继续输入