Skip to content

组件类型

在 form 中子组件类型通过 columns.key.type 定义, columns 类型参考 表单列类型,下面是type类型描述

类型描述

typeDescription对应原生类型
button按钮el-button
linklink按钮el-button
buttonGroup按钮组el-button-group
text文本框el-input
textarea多行文本框el-input
checkboxlist复选框列表el-checkbox-group
checkbox复选框el-checkbox
switchswitch开关el-switch
radiolist单选框列表(同checkboxlist)el-radio-group
datetime日期时间el-date-picker
date日期el-date-picker
daterange日期范围el-date-picker
datetimerange日期时间范围el-date-picker
time时间el-time-picker
month月选择el-date-picker
monthrange月范围选择el-date-picker
week星期el-date-picker
quarter季度选择el-date-picker
year年选择el-date-picker
label文字div
number数字输入框el-input-number
select下拉选择el-select
cascader下拉级联选择el-cascader
treeselect下拉树选择el-tree-select
tableselect 下拉/弹框表格选择el-select
uploaderimage上传图片el-upload
uploaderfile上传文件el-upload
treeel-tree
table表格Tableel-table
split分割线el-divider
tipmsg提醒Tipel-alert

其他组件描述

NameDescription对应原生类型
dn-page页面容器
dn-form表单容器el-form
dn-dialog对话框el-dialog
dn-icon图标el-icon
dn-tabs选项卡el-tabs
dn-card卡片容器el-card
dn-layoutLayou布局组件

支持原生组件

参考 el 原生组件

支持自定义组件

参考自定义组件