Skip to content

文本组件

ElementPlus Input 组件 表单组件这个组件用的是最多的

以下是去掉方法说明后面参数类型的中文文档,方法标题不使用反引号:

输入框组件方法说明

设置最大输入长度

php
$this->maxlength(100);

原生属性,最大输入长度。


设置最小输入长度

php
$this->minlength(1);

原生属性,最小输入长度。


设置占位文本

php
$this->placeholder('请输入内容');

输入框占位文本。


设置是否可清空

php
$this->clearable(true);

是否可清空,默认值: false。


设置禁用状态

php
$this->disabled(true);

禁用,默认值: false。


设置输入框尺寸

php
$this->size('medium');

输入框尺寸,只在 type!="textarea" 时有效,可选值: medium / small / mini。


设置输入框头部图标

php
$this->prefixIcon('icon-prefix');

输入框头部图标。


设置输入框尾部图标

php
$this->suffixIcon('icon-suffix');

输入框尾部图标。


设置输入框行数

php
$this->rows(2);

输入框行数,只对 type="textarea" 有效。


设置自适应内容高度

php
$this->autosize(true);

自适应内容高度,只对 type="textarea" 有效,默认值: false。


设置自动补全

php
$this->autocomplete('off');

原生属性,自动补全,默认值: off。


设置输入框的 name 属性

php
$this->name('inputName');

原生属性。


设置是否只读

php
$this->readonly(true);

原生属性,是否只读,默认值: false。


设置最大值

php
$this->max(100);

原生属性,设置最大值。


设置最小值

php
$this->min(0);

原生属性,设置最小值。


设置输入字段的合法数字间隔

php
$this->step(1);

原生属性,设置输入字段的合法数字间隔。


设置是否能被用户缩放

php
$this->resize('none');

控制是否能被用户缩放,可选值: none, both, horizontal, vertical。


设置自动获取焦点

php
$this->autofocus(true);

原生属性,自动获取焦点,默认值: false。


设置表单属性

php
$this->form('myForm');

原生属性。


设置输入框关联的 label 文字

php
$this->label('输入框标签');

输入框关联的 label 文字。


设置输入框的 tabindex

php
$this->tabindex(1);

输入框的 tabindex。


设置输入时是否触发表单的校验

php
$this->validateEvent(true);

输入时是否触发表单的校验,默认值: true。