本篇文章为你整理了Button 按钮(button按钮禁用)的详细内容,包含有button按钮里面代码如何写 button按钮禁用 button按钮的大小设置 button按钮onclick触发 Button 按钮,希望能帮助你了解 Button 按钮。
跳转到内容指南组件资源Menu Back to top 赞助商
Basic 基础组件
Button 按钮
Border 边框
Color 色彩
Container 布局容器
Icon 图标
Layout 布局
Link 链接
Text 文本
Scrollbar 滚动条
Space 间距
Typography 排版
配置组件
Config Provider 全局配置
Form 表单组件
Autocomplete 自动补全输入框
Cascader 级联选择器
Checkbox 多选框
Color Picker 取色器
Date Picker 日期选择器
DateTime Picker 日期时间选择器
Form 表单
Input 输入框
Input Number 数字输入框
Radio 单选框
Rate 评分
Select 选择器
Virtualized Select 虚拟化选择器
Slider 滑块
Switch 开关
Time Picker 时间选择器
Time Select 时间选择
Transfer 穿梭框
Upload 上传
Data 数据展示
Avatar 头像
Badge 徽章
Calendar 日历
Card 卡片
Carousel 走马灯
Collapse 折叠面板
Descriptions 描述列表
Empty 空状态
Image 图片
Infinite Scroll 无限滚动
Pagination 分页
Progress 进度条
Result 结果
Skeleton 骨架屏
Table 表格
Virtualized Table 虚拟化表格
2.2.0Tag 标签
Timeline 时间线
Tree 树形控件
TreeSelect 树形选择
2.1.8Virtualized Tree 虚拟化树形控件
Statistic 统计组件
2.2.30Navigation 导航
Affix 固钉
Backtop 回到顶部
Breadcrumb 面包屑
Dropdown 下拉菜单
Menu 菜单
Page Header 页头
Steps 步骤条
Tabs 标签页
Feedback 反馈组件
Alert 提示
Dialog 对话框
Drawer 抽屉
Loading 加载
Message 消息提示
Message Box 消息弹出框
Notification 通知
Popconfirm 气泡确认框
Popover 弹出框
Tooltip 文字提示
Others 其他
Divider 分割线
Button 按钮 #常用的操作按钮。
基础用法 #禁用状态 #你可以使用 disabled 属性来定义按钮是否被禁用。
链接按钮 #WARNING
type= text 已被 废弃,将于版本3.0.0 时 移除,请考虑切换至新的 API。
新的 API link 于2.2.1 版本添加,同时可以使用 type API 设置链接按钮的主题样式。
文字按钮 #TIP
文字按钮在现在有了全新的设计样式。 2.2.0 如果您想要使用老版样式的按钮,可以考虑使用 Link 组件。
API也已更新,由于 type 属性会同时控制按钮的样式, 因此我们通过一个新的 API text: boolean 来控制文字按钮。
没有边框和背景色的按钮。
图标按钮 #使用图标为按钮添加更多的含义。 你也可以单独使用图标不添加文字来节省显示区域占用。
按钮组 #以按钮组的方式出现,常用于多项类似操作。
加载状态按钮 #点击按钮来加载数据,并向用户反馈加载状态。
通过设置 loading 属性为 true 来显示加载中状态。
TIP
您可以使用 loading 插槽或 loadingIcon属性自定义您的loading图标
ps: loading 插槽优先级高于loadingIcon属性
调整尺寸 #除了默认的大小,按钮组件还提供了几种额外的尺寸可供选择,以便适配不同的场景。
自定义颜色beta #您可以自定义按钮颜色。
我们将自动计算 hover 和 active 颜色。
Button API #Button Attributes #属性名说明类型默认值size尺寸enum—type类型enum—plain是否为朴素按钮booleanfalsetext2.2.0是否为文字按钮booleanfalsebg2.2.0是否显示文字按钮背景颜色booleanfalselink 2.2.1是否为链接按钮booleanfalseround是否为圆角按钮booleanfalsecircle是否为圆形按钮booleanfalseloading是否为加载中状态booleanfalseloading-icon自定义加载中状态图标组件string / ComponentLoadingdisabled按钮是否为禁用状态booleanfalseicon图标组件string / Component—autofocus原生 autofocus 属性booleanfalsenative-type原生 type 属性enumbuttonauto-insert-space自动在两个中文字符之间插入空格boolean—color自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色string—darkdark 模式, 意味着自动设置 color 为 dark 模式的颜色booleanfalseButton Slots #插槽名说明default自定义默认内容loading自定义加载中组件icon自定义图标组件Button Exposes #属性名说明类型ref按钮 html 元素objectsize按钮尺寸objecttype按钮类型objectdisabled按钮已禁用objectshouldAddSpace是否在两个字符之间插入空格objectButtonGroup API #ButtonGroup Attributes #插槽名说明类型默认值size用于控制该按钮组内按钮的大小enum—type用于控制该按钮组内按钮的类型enum—ButtonGroup Slots #插槽名说明子标签default自定义按钮组内容Button源代码 #组件 • 文档
贡献者 # 云游君 三咲智子 Jeremy Xc zz msidolphin C.Y.Kun qiang Delyan Haralanov btea 神楽坂みずき Aex 啝裳 Ryan2128 류한경 0song Herrington Darkholme Alan Wang blackie iamkun Vincent Guo Map1en_ on the field of hope Hades-li 愧怍 muhammadcahya 刘小灰在 Crowdin 上编辑此页面 Border 边框Contents基础用法禁用状态链接按钮文字按钮图标按钮按钮组加载状态按钮调整尺寸自定义颜色Button APIButton AttributesButton SlotsButton ExposesButtonGroup APIButtonGroup AttributesButtonGroup Slots源代码贡献者赞助商
成为赞助商!Your logo链接GitHub国内镜像站点
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。