从0开始学习 vben admin(三.1 表单中可选择的值:json数据)

1,244 阅读1分钟

vben表单中,有他定义封装好的值,如果不爱看官方文档的人,可能会很难过= = 今天是周六,我给大家整理了vben暂时有的一些表单选择和他的意思,我已经整理好了,大家拿去用!

options: [  
    {  
        label: 'Input -- 输入框',  
        value: 'Input',  
    },  
    {  
        label: 'InputGroup -- 输入框组合',  
        value: 'InputGroup',  
    },  
    {  
        label: 'InputPassword -- 密码输入框',  
        value: 'InputPassword',  
    },  
    {  
        label: 'InputSearch -- 搜索输入框',  
        value: 'InputSearch',  
    },  
    {  
        label: 'InputTextArea -- 文本域',  
        value: 'InputTextArea',  
    },  
    {  
        label: 'InputNumber -- 数字输入框',  
        value: 'InputNumber',  
    },  
    {  
        label: 'InputCountDown -- 倒计时输入框',  
        value: 'InputCountDown',  
    },  
    {  
        label: 'Select -- 本地下拉框',  
        value: 'Select',  
    },  
    {  
        label: 'ApiSelect -- 远程下拉框',  
        value: 'ApiSelect',  
    },  
    {  
        label: 'TreeSelect -- 下拉树',  
        value: 'TreeSelect',  
    },  
    {  
        label: 'RadioButtonGroup -- 单选按钮组合',  
        value: 'RadioButtonGroup',  
    },  
    {  
        label: 'RadioGroup -- 单选按钮',  
        value: 'RadioGroup',  
    },  
    {  
        label: 'Checkbox -- 多选按钮',  
        value: 'Checkbox',  
    },  
    {  
        label: 'AutoComplete -- 自动填充框',  
        value: 'AutoComplete',  
    },  
    {  
        label: 'Cascader -- 连级选择',  
        value: 'Cascader',  
    },  
    {  
        label: 'DatePicker -- 日期选择',  
        value: 'DatePicker',  
    },  
    {  
        label: 'MonthPicker -- 日期月份选择',  
        value: 'MonthPicker',  
    },  
    {  
        label: 'RangePicker -- 日期范围选择',  
        value: 'RangePicker',  
    },  
    {  
        label: 'WeekPicker -- 日期周选择',  
        value: 'WeekPicker',  
    },  
    {  
        label: 'TimePicker -- 日期时间选择',  
        value: 'TimePicker',  
    },  
    {  
        label: 'Switch -- 开关按钮',  
        value: 'Switch',  
    },  
    {  
        label: 'StrengthMeter -- 组件密码强度检测',  
        value: 'StrengthMeter',  
    },  
    {  
        label: 'Upload -- 上传按钮',  
        value: 'Upload',  
    },  
    {  
        label: 'IconPicker -- 图标选择',  
        value: 'IconPicker',  
    },  
    {  
        label: 'Render -- 组件渲染空置',  
        value: 'Render',  
    },  
    {  
        label: 'Slider -- 滑块组件',  
        value: 'Slider',  
    },  
    {  
        label: 'Rate -- 评分组件',  
        value: 'Rate',  
    },  
    {  
        label: 'Divider -- 分割线',  
        value: 'Divider',  
    },  
],