Skip to content

element-plus组件库支持

TIP

element-plus的绝大部分组件都已经配置了支持,你只需要把el-input这样的组件名称,去掉el-,变成input填写到slot字段中即可

例如

html
const item = {
    id: "name",
    slot: "input",
    label: "姓名"
}

组件列表

TIP

组件具体使用方法请查看element-plus官方文档,没列出来的也许只是文档更新较慢。

slot值element-plus组件说明
inputel-inputInput 输入框
input-numberel-input-numberInputNumber 计数器
selectel-selectSelect 选择器
radioel-radioRadio 单选框
radio-groupel-radio-groupRadio 单选框组
checkboxel-checkboxCheckbox 复选框
checkbox-groupel-checkbox-groupCheckbox 复选框组
buttonel-buttonButton 按钮
formel-formForm 表单
form-itemel-form-item表单项目
colel-col布局列
rowel-row布局行
tableel-table表格
table-columnel-table-column表格列
paginationel-pagination分页组件
linkel-linkLink 文字链接
autocompleteel-autocomplete自动完成
cascaderel-cascader日历
color-pickerel-color-pickerColorPicker 颜色选择器
date-pickerel-date-pickerDatePicker 日期选择器
time-pickerel-time-pickerTimePicker 时间选择器
time-selectel-time-selectTimeSelect 时间选择
sliderel-sliderSlider 滑块
switchel-switchSwitch 开关
rateel-rateRate 评分
uploadel-uploadUpload 上传
transferel-transferTransfer 穿梭框
cascaderel-cascaderCascader 级联选择器
popconfirmel-popconfirmPopconfirm 气泡确认框

Released under the MIT License.