当前位置: 首页 > 知识库问答 >
问题:

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

呼延景同
2023-05-24

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

共有3个答案

尚楚
2023-05-24

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

酆光熙
2023-05-24
<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>
柴嘉年
2023-05-24

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

 类似资料: