摘要:
用于颜色选择,支持多种格式。 基础用法 使用 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 阅读全文