摘要：
用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。 基础表格 基础的表格展示用法。 当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列 阅读全文
摘要：
由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据 典型表单 包括各种表单项，比如输入框、选择器、开关、单选框、多选框等。 在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、 阅读全文
摘要：
基础用法 Transfer 的数据通过 data 属性传入。数据需要是一个对象数组，每个对象有以下属性：key 为数据的唯一性标识，label为显示文本，disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量，值为数据项的 key 所组成的数组。当然，如 阅读全文
摘要：
用于颜色选择，支持多种格式。 基础用法 使用 v-model 与 Vue 实例中的一个变量进行双向绑定，绑定的变量需要是字符串类型。 1 <div class="block"> 2 <span class="demonstration">有默认值</span> 3 <el-color-picker 阅读全文
摘要：
评分组件 基础用法 评分被分为三个等级，可以利用颜色对分数及情感倾向进行分级（默认情况下不区分颜色）。三个等级所对应的颜色用过colors属性设置，而它们对应的两个阈值则通过 low-threshold 和 high-threshold 设定。 1 <div class="block"> 2 <sp 阅读全文
摘要：
通过点击或者拖拽上传文件 点击上传 通过 slot 你可以传入自定义的上传按钮类型和文字提示。可通过设置limit和on-exceed来限制上传文件的个数和定义超出限制时的行为。可通过设置before-remove来阻止文件移除操作。 1 <el-upload 2 class="upload-dem 阅读全文
摘要：
在同一个选择器里选择日期和时间 DateTimePicker 由 DatePicker 和 TimePicker 派生，Picker Options 或者其他选项可以参照 DatePicker 和 TimePicker。 日期和时间点 通过设置type属性为datetime，即可在同一个选择器里同时 阅读全文
摘要：
用于选择或输入日期 选择日 以「日」为基本单位，基础的日期选择控件 基本单位由type属性指定。快捷选项需配置picker-options对象中的shortcuts，禁用日期通过 disabledDate 设置，传入函数 1 <template> 2 <div class="block"> 3 <s 阅读全文
摘要：
用于选择或输入日期 固定时间点 提供几个固定的时间点供用户选择 使用 el-time-select 标签，分别通过star、end和step指定可选的起始时间、结束时间和步长 1 <el-time-select 2 v-model="value1" 3 :picker-options="{ 4 st 阅读全文
摘要：
通过拖动滑块在一个固定区间内进行选择 ¶基础用法 在拖动滑块时，显示当前值 通过设置绑定值自定义滑块的初始值 1 <template> 2 <div class="block"> 3 <span class="demonstration">默认</span> 4 <el-slider v-model 阅读全文
摘要：
表示两种相互对立的状态间的切换，多用于触发「开/关」。 基本用法 绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。 1 <el-switch 2 v-model="value2" 3 active-color 阅读全文
摘要：
当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。 基础用法 有两种触发子菜单的方式 只需为 Cascader 的options属性指定选项数组即可渲染出一个级联选择器。 通过expand-trigger可以定义展开子级菜单的触发方式。 本例还展示了change事件，它的参数为 Ca 阅读全文
摘要：
Select 选择器 当选项过多时，使用下拉菜单展示并选择内容。 基础用法 适用广泛的基础单选 v-model的值为当前被选中的el-option的 value 属性值 1 <template> 2 <el-select v-model="value" placeholder="请选择"> 3 <e 阅读全文
摘要：
InputNumber 计数器 仅允许输入标准的数字值，可定义范围 禁用状态 disabled属性接受一个Boolean，设置为true即可禁用整个组件，如果你只需要控制数值在某一范围内，可以设置min属性和max属性，不设置min和max时，最小值为 0。 1 <template> 2 <el-i 阅读全文
摘要：
Input 输入框 通过鼠标或键盘输入字符 禁用状态 可清空 带 icon 的输入框 带有图标标记输入类型 文本域 用于输入多行文本信息，通过将 type 属性的值指定为 textarea。 可自适应文本高度的文本域 通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整， 阅读全文
摘要：
Checkbox 多选框 一组备选项中进行多选 ¶基础用法 单独使用可以表示两种状态之间的切换，写在标签中的内容为 checkbox 按钮后的介绍。 禁用状态 多选框不可用状态。 多选框组 适用于多个勾选框绑定到同一个数组的情景，通过是否勾选来表示这一组选项中选中的项。 indeterminate 阅读全文