Skip to content

隐藏内置组件

通过config.hiddenItemconfig.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