隐藏内置组件
通过config.hiddenItem
和config.hiddenMenu
参数可以控制内置组件的隐藏
示例
vue
<template>
<fc-designer :config="config" />
</template>
<script>
export default {
data(){
return {
config: {
//隐藏输入框和密码输入框
hiddenItem: ['input','pasasword'],
//隐藏所有子表单组件
hiddenMenu: ['subform'],
},
}
}
}
</script>
内置组件
- 输入框 - input
- 多行输入框 - textarea
- 密码输入框 - password
- 计数器 - inputNumber
- 单选框 - radio
- 多选框 - checkbox
- 选择器 - select
- 开关 - switch
- 评分 - rate
- 时间 - timePicker
- 时间区间 - timeRange
- 滑块 - slider
- 日期 - datePicker
- 日期区间 - dateRange
- 颜色选择器 - colorPicker
- 级联选择器 - cascader
- 上传 - upload
- 穿梭框 - elTransfer
- 树形控件 - tree
- 树形选择 - elTreeSelect
- 富文本框 - fcEditor
- 子表单 - group
- 分组 - subForm
- 表格表单 - tableForm
- 提示 - elAlert
- 按钮 - elButton
- 文字 - text
- HTML - html
- 分割线 - elDivider
- 标签 - elTag
- 栅格布局 - fcRow
- 表格布局 - fcTable
- 标签页 - elTabs
- 间距 - space
- 卡片 - elCard
- 折叠面板 - elCollapse
- 选项卡 - elTabPane
内置组件分组
- 基础组件 - main
- 子表单组件 - subform
- 辅助组件 - aide
- 布局组件 - layout